diff --git a/.publish/ai/package.json b/.publish/ai/package.json
index c6870796..d7f6002d 100644
--- a/.publish/ai/package.json
+++ b/.publish/ai/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ai",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",
   "license": "MIT",
diff --git a/.publish/authz/package.json b/.publish/authz/package.json
index a0b0abc6..7f532aa3 100644
--- a/.publish/authz/package.json
+++ b/.publish/authz/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/authz",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/authz — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/cli/package.json b/.publish/cli/package.json
index cae742a1..bb0e186b 100644
--- a/.publish/cli/package.json
+++ b/.publish/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/cli",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/cli — part of the WrNexus framework.",
   "license": "MIT",
@@ -28,16 +28,16 @@
     "wrnexus": "./dist/index.js"
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57",
-    "@wrnexus/router": "^0.2.57",
-    "@wrnexus/csr": "^0.2.57",
-    "@wrnexus/compiler": "^0.2.57",
-    "@wrnexus/styles": "^0.2.57",
-    "@wrnexus/dev-server": "^0.2.57",
-    "@wrnexus/ui": "^0.2.57",
-    "@wrnexus/validation": "^0.2.57",
-    "@wrnexus/i18n": "^0.2.57",
-    "@wrnexus/db": "^0.2.57"
+    "@wrnexus/core": "^0.2.58",
+    "@wrnexus/router": "^0.2.58",
+    "@wrnexus/csr": "^0.2.58",
+    "@wrnexus/compiler": "^0.2.58",
+    "@wrnexus/styles": "^0.2.58",
+    "@wrnexus/dev-server": "^0.2.58",
+    "@wrnexus/ui": "^0.2.58",
+    "@wrnexus/validation": "^0.2.58",
+    "@wrnexus/i18n": "^0.2.58",
+    "@wrnexus/db": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/compiler/package.json b/.publish/compiler/package.json
index 722e0ff4..9407087f 100644
--- a/.publish/compiler/package.json
+++ b/.publish/compiler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/compiler",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/compiler — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/core/package.json b/.publish/core/package.json
index ad5179bf..80c33fb0 100644
--- a/.publish/core/package.json
+++ b/.publish/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/core",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/core — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/csr/package.json b/.publish/csr/package.json
index 719c9f55..42825a8d 100644
--- a/.publish/csr/package.json
+++ b/.publish/csr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/csr",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/csr — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/db/package.json b/.publish/db/package.json
index 108be003..9e66921d 100644
--- a/.publish/db/package.json
+++ b/.publish/db/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/db",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/db — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/dev-server/package.json b/.publish/dev-server/package.json
index bedb6419..d73f7c46 100644
--- a/.publish/dev-server/package.json
+++ b/.publish/dev-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/dev-server",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/dev-server — part of the WrNexus framework.",
   "license": "MIT",
@@ -25,18 +25,18 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57",
-    "@wrnexus/router": "^0.2.57",
-    "@wrnexus/ssr": "^0.2.57",
-    "@wrnexus/csr": "^0.2.57",
-    "@wrnexus/compiler": "^0.2.57",
-    "@wrnexus/styles": "^0.2.57",
-    "@wrnexus/ui": "^0.2.57",
-    "@wrnexus/validation": "^0.2.57",
-    "@wrnexus/i18n": "^0.2.57",
-    "@wrnexus/db": "^0.2.57",
-    "@wrnexus/pubsub": "^0.2.57",
-    "@wrnexus/uploader": "^0.2.57"
+    "@wrnexus/core": "^0.2.58",
+    "@wrnexus/router": "^0.2.58",
+    "@wrnexus/ssr": "^0.2.58",
+    "@wrnexus/csr": "^0.2.58",
+    "@wrnexus/compiler": "^0.2.58",
+    "@wrnexus/styles": "^0.2.58",
+    "@wrnexus/ui": "^0.2.58",
+    "@wrnexus/validation": "^0.2.58",
+    "@wrnexus/i18n": "^0.2.58",
+    "@wrnexus/db": "^0.2.58",
+    "@wrnexus/pubsub": "^0.2.58",
+    "@wrnexus/uploader": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/encryption/package.json b/.publish/encryption/package.json
index 27a395f4..edbff800 100644
--- a/.publish/encryption/package.json
+++ b/.publish/encryption/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/encryption",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/encryption — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/helpers/package.json b/.publish/helpers/package.json
index 0ff52c0f..84f5b138 100644
--- a/.publish/helpers/package.json
+++ b/.publish/helpers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/helpers",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/i18n/package.json b/.publish/i18n/package.json
index cd71609c..40173ec1 100644
--- a/.publish/i18n/package.json
+++ b/.publish/i18n/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/i18n",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/i18n — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/jwt/package.json b/.publish/jwt/package.json
index dcb77f8e..af1e5804 100644
--- a/.publish/jwt/package.json
+++ b/.publish/jwt/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/jwt",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/jwt — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/mobile/package.json b/.publish/mobile/package.json
index 669f2367..d2e08c4e 100644
--- a/.publish/mobile/package.json
+++ b/.publish/mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/mobile",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/mobile — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/native": "^0.2.57"
+    "@wrnexus/native": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/native/package.json b/.publish/native/package.json
index 6d60c0ec..44abaf08 100644
--- a/.publish/native/package.json
+++ b/.publish/native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/native",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/native — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/oauth/package.json b/.publish/oauth/package.json
index c9670839..7e92b200 100644
--- a/.publish/oauth/package.json
+++ b/.publish/oauth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/oauth",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/oauth — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/pubsub/package.json b/.publish/pubsub/package.json
index dcf18bc1..d9754057 100644
--- a/.publish/pubsub/package.json
+++ b/.publish/pubsub/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/pubsub",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/pubsub — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/queue/package.json b/.publish/queue/package.json
index 0db58972..b9250b1e 100644
--- a/.publish/queue/package.json
+++ b/.publish/queue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/queue",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/queue — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/reactive/package.json b/.publish/reactive/package.json
index e252012c..ae41eaa1 100644
--- a/.publish/reactive/package.json
+++ b/.publish/reactive/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/reactive",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/reactive — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/router/package.json b/.publish/router/package.json
index 8b95d0d8..0f7278f8 100644
--- a/.publish/router/package.json
+++ b/.publish/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/router",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/router — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,8 +21,8 @@
     }
   },
   "dependencies": {
-    "@wrnexus/compiler": "^0.2.57",
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/compiler": "^0.2.58",
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/ssr/package.json b/.publish/ssr/package.json
index 7acd393b..5642870a 100644
--- a/.publish/ssr/package.json
+++ b/.publish/ssr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ssr",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/ssr — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/styles/package.json b/.publish/styles/package.json
index af9137f8..7a029464 100644
--- a/.publish/styles/package.json
+++ b/.publish/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/styles",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/styles — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/uploader": "^0.2.57"
+    "@wrnexus/uploader": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/test/package.json b/.publish/test/package.json
index bac42173..99a12af5 100644
--- a/.publish/test/package.json
+++ b/.publish/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/test",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/test — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/tracking/package.json b/.publish/tracking/package.json
index 6872cc85..8305c282 100644
--- a/.publish/tracking/package.json
+++ b/.publish/tracking/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/tracking",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/tracking — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/.publish/ui/COMPONENTS.md b/.publish/ui/COMPONENTS.md
new file mode 100644
index 00000000..ee784449
--- /dev/null
+++ b/.publish/ui/COMPONENTS.md
@@ -0,0 +1,8040 @@
+# WRNexus UI component reference
+
+This reference is generated from the 891 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
+
+## Actions
+
+### AcceptAllCookiesButton
+
+Reusable accept all cookies button component.
+
+- Mount: `data-component="AcceptAllCookiesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleNewsletterCTA
+
+Reusable article newsletter c t a component.
+
+- Mount: `data-component="ArticleNewsletterCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleShareActions
+
+Reusable article share actions component.
+
+- Mount: `data-component="ArticleShareActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BackButton
+
+Reusable back button component.
+
+- Mount: `data-component="BackButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Button
+
+Reusable button component.
+
+- Mount: `data-component="Button"`
+- 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
+
+### CenteredCTA
+
+Reusable centered c t a component.
+
+- Mount: `data-component="CenteredCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ClearFiltersButton
+
+Reusable clear filters button component.
+
+- Mount: `data-component="ClearFiltersButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CloseButton
+
+Reusable close button component.
+
+- Mount: `data-component="CloseButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeCopyButton
+
+Reusable code copy button component.
+
+- Mount: `data-component="CodeCopyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactCTA
+
+Reusable contact c t a component.
+
+- Mount: `data-component="ContactCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactSalesButton
+
+Reusable contact sales button component.
+
+- Mount: `data-component="ContactSalesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CopyButton
+
+Reusable copy button component.
+
+- Mount: `data-component="CopyButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CopyCodeButton
+
+Reusable copy code button component.
+
+- Mount: `data-component="CopyCodeButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DangerButton
+
+Reusable danger button component.
+
+- Mount: `data-component="DangerButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperCTA
+
+Reusable developer c t a component.
+
+- Mount: `data-component="DeveloperCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DoNotSellLink
+
+Reusable do not sell link component.
+
+- Mount: `data-component="DoNotSellLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadAction
+
+Reusable download action component.
+
+- Mount: `data-component="DownloadAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadButton
+
+Reusable download button component.
+
+- Mount: `data-component="DownloadButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadPolicyButton
+
+Reusable download policy button component.
+
+- Mount: `data-component="DownloadPolicyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterpriseCTA
+
+Reusable enterprise c t a component.
+
+- Mount: `data-component="EnterpriseCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorActions
+
+Reusable error actions component.
+
+- Mount: `data-component="ErrorActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorSupportLink
+
+Reusable error support link component.
+
+- Mount: `data-component="ErrorSupportLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExternalLink
+
+Reusable external link component.
+
+- Mount: `data-component="ExternalLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FieldActions
+
+Reusable field actions component.
+
+- Mount: `data-component="FieldActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FinalCTA
+
+Reusable final c t a component.
+
+- Mount: `data-component="FinalCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormActions
+
+Reusable form actions component.
+
+- Mount: `data-component="FormActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GhostButton
+
+Reusable ghost button component.
+
+- Mount: `data-component="GhostButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GradientCTA
+
+Reusable gradient c t a component.
+
+- Mount: `data-component="GradientCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeaderActions
+
+Reusable header actions component.
+
+- Mount: `data-component="HeaderActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroActions
+
+Reusable hero actions component.
+
+- Mount: `data-component="HeroActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroPrimaryAction
+
+Reusable hero primary action component.
+
+- Mount: `data-component="HeroPrimaryAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroSecondaryAction
+
+Reusable hero secondary action component.
+
+- Mount: `data-component="HeroSecondaryAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IconButton
+
+Reusable icon button component.
+
+- Mount: `data-component="IconButton"`
+- Props: `label: string = "Action"`, `icon: string = "•"`, `variant: string = "ghost"`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### LegalPrintButton
+
+Reusable legal print button component.
+
+- Mount: `data-component="LegalPrintButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LinkButton
+
+Reusable link button component.
+
+- Mount: `data-component="LinkButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LoadingButton
+
+Reusable loading button component.
+
+- Mount: `data-component="LoadingButton"`
+- 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
+
+### LocalizedRouteLink
+
+Reusable localized route link component.
+
+- Mount: `data-component="LocalizedRouteLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileMenuButton
+
+Reusable mobile menu button component.
+
+- Mount: `data-component="MobileMenuButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewsletterCTA
+
+Reusable newsletter c t a component.
+
+- Mount: `data-component="NewsletterCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OpenAPICTA
+
+Reusable open a p i c t a component.
+
+- Mount: `data-component="OpenAPICTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasskeyButton
+
+Reusable passkey button component.
+
+- Mount: `data-component="PasskeyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanCTA
+
+Reusable plan c t a component.
+
+- Mount: `data-component="PlanCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PostmanCTA
+
+Reusable postman c t a component.
+
+- Mount: `data-component="PostmanCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrimaryButton
+
+Reusable primary button component.
+
+- Mount: `data-component="PrimaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrintAction
+
+Reusable print action component.
+
+- Mount: `data-component="PrintAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrintPolicyButton
+
+Reusable print policy button component.
+
+- Mount: `data-component="PrintPolicyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductCTA
+
+Reusable product c t a component.
+
+- Mount: `data-component="ProductCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RejectOptionalCookiesButton
+
+Reusable reject optional cookies button component.
+
+- Mount: `data-component="RejectOptionalCookiesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ReopenCookieSettingsButton
+
+Reusable reopen cookie settings button component.
+
+- Mount: `data-component="ReopenCookieSettingsButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponsibleDisclosureCTA
+
+Reusable responsible disclosure c t a component.
+
+- Mount: `data-component="ResponsibleDisclosureCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SaveCookiePreferencesButton
+
+Reusable save cookie preferences button component.
+
+- Mount: `data-component="SaveCookiePreferencesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchButton
+
+Reusable search button component.
+
+- Mount: `data-component="SearchButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecondaryButton
+
+Reusable secondary button component.
+
+- Mount: `data-component="SecondaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SectionActions
+
+Reusable section actions component.
+
+- Mount: `data-component="SectionActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ShareAction
+
+Reusable share action component.
+
+- Mount: `data-component="ShareAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ShareButton
+
+Reusable share button component.
+
+- Mount: `data-component="ShareButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignInLink
+
+Reusable sign in link component.
+
+- Mount: `data-component="SignInLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SkipLink
+
+Reusable skip link component.
+
+- Mount: `data-component="SkipLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitButton
+
+Reusable split button component.
+
+- Mount: `data-component="SplitButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitCTA
+
+Reusable split c t a component.
+
+- Mount: `data-component="SplitCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StartFreeButton
+
+Reusable start free button component.
+
+- Mount: `data-component="StartFreeButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TertiaryButton
+
+Reusable tertiary button component.
+
+- Mount: `data-component="TertiaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TextLink
+
+Reusable text link component.
+
+- Mount: `data-component="TextLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ToastAction
+
+Reusable toast action component.
+
+- Mount: `data-component="ToastAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Content
+
+### AccessibleAccordion
+
+Reusable accessible accordion component.
+
+- Mount: `data-component="AccessibleAccordion"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleCarousel
+
+Reusable accessible carousel component.
+
+- Mount: `data-component="AccessibleCarousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleChartSummary
+
+Reusable accessible chart summary component.
+
+- Mount: `data-component="AccessibleChartSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleErrorSummary
+
+Reusable accessible error summary component.
+
+- Mount: `data-component="AccessibleErrorSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleIcon
+
+Reusable accessible icon component.
+
+- Mount: `data-component="AccessibleIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleTabs
+
+Reusable accessible tabs component.
+
+- Mount: `data-component="AccessibleTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleTooltip
+
+Reusable accessible tooltip component.
+
+- Mount: `data-component="AccessibleTooltip"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Accordion
+
+Reusable accordion component.
+
+- Mount: `data-component="Accordion"`
+- Props: `title: string = "Question"`, `open: boolean = false`
+- Slots: `default`
+- Events: `click`
+
+### AddOnCard
+
+Reusable add on card component.
+
+- Mount: `data-component="AddOnCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AddressPreview
+
+Reusable address preview component.
+
+- Mount: `data-component="AddressPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AdvancedFilterBuilder
+
+Reusable advanced filter builder component.
+
+- Mount: `data-component="AdvancedFilterBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AnalyticsDashboardPreview
+
+Reusable analytics dashboard preview component.
+
+- Mount: `data-component="AnalyticsDashboardPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiEndpointCard
+
+Reusable api endpoint card component.
+
+- Mount: `data-component="ApiEndpointCard"`
+- Props: `method: string = "GET"`, `path: string = "/api/example"`, `description: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiErrorExample
+
+Reusable api error example component.
+
+- Mount: `data-component="ApiErrorExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiKeyDisplay
+
+Reusable api key display component.
+
+- Mount: `data-component="ApiKeyDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiRequestExample
+
+Reusable api request example component.
+
+- Mount: `data-component="ApiRequestExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiResponseExample
+
+Reusable api response example component.
+
+- Mount: `data-component="ApiResponseExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiSchemaViewer
+
+Reusable api schema viewer component.
+
+- Mount: `data-component="ApiSchemaViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AssetCard
+
+Reusable asset card component.
+
+- Mount: `data-component="AssetCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AttachmentUpload
+
+Reusable attachment upload component.
+
+- Mount: `data-component="AttachmentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AudioUpload
+
+Reusable audio upload component.
+
+- Mount: `data-component="AudioUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuditLogPreview
+
+Reusable audit log preview component.
+
+- Mount: `data-component="AuditLogPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorAvatar
+
+Reusable author avatar component.
+
+- Mount: `data-component="AuthorAvatar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorCard
+
+Reusable author card component.
+
+- Mount: `data-component="AuthorCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorizedApplicationCard
+
+Reusable authorized application card component.
+
+- Mount: `data-component="AuthorizedApplicationCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AutomationExampleCard
+
+Reusable automation example card component.
+
+- Mount: `data-component="AutomationExampleCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AvailabilityCalendar
+
+Reusable availability calendar component.
+
+- Mount: `data-component="AvailabilityCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Avatar
+
+Reusable avatar component.
+
+- Mount: `data-component="Avatar"`
+- Props: `src: string = ""`, `alt: string = ""`, `initials: string = "WR"`, `size: string = "md"`
+- Slots: None
+- Events: None
+
+### AvatarUpload
+
+Reusable avatar upload component.
+
+- Mount: `data-component="AvatarUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BankTransferDetails
+
+Reusable bank transfer details component.
+
+- Mount: `data-component="BankTransferDetails"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BillingAddressForm
+
+Reusable billing address form component.
+
+- Mount: `data-component="BillingAddressForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BillingExample
+
+Reusable billing example component.
+
+- Mount: `data-component="BillingExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogCard
+
+Reusable blog card component.
+
+- Mount: `data-component="BlogCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogSearch
+
+Reusable blog search component.
+
+- Mount: `data-component="BlogSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BodyText
+
+Reusable body text component.
+
+- Mount: `data-component="BodyText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BudgetRangeSlider
+
+Reusable budget range slider component.
+
+- Mount: `data-component="BudgetRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Calendar
+
+Reusable calendar component.
+
+- Mount: `data-component="Calendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignCard
+
+Reusable campaign card component.
+
+- Mount: `data-component="CampaignCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignPerformancePreview
+
+Reusable campaign performance preview component.
+
+- Mount: `data-component="CampaignPerformancePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Card
+
+Reusable card component.
+
+- Mount: `data-component="Card"`
+- Props: `variant: string = "default"`, `padding: string = "md"`, `interactive: boolean = false`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### CardPaymentForm
+
+Reusable card payment form component.
+
+- Mount: `data-component="CardPaymentForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CareerApplicationForm
+
+Reusable career application form component.
+
+- Mount: `data-component="CareerApplicationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Carousel
+
+Reusable carousel component.
+
+- Mount: `data-component="Carousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyCard
+
+Reusable case study card component.
+
+- Mount: `data-component="CaseStudyCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyPreview
+
+Reusable case study preview component.
+
+- Mount: `data-component="CaseStudyPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CertificateUpload
+
+Reusable certificate upload component.
+
+- Mount: `data-component="CertificateUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelCard
+
+Reusable channel card component.
+
+- Mount: `data-component="ChannelCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelIcon
+
+Reusable channel icon component.
+
+- Mount: `data-component="ChannelIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChartTooltip
+
+Reusable chart tooltip component.
+
+- Mount: `data-component="ChartTooltip"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Checklist
+
+Reusable checklist component.
+
+- Mount: `data-component="Checklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ClickableCard
+
+Reusable clickable card component.
+
+- Mount: `data-component="ClickableCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Code
+
+Reusable code component.
+
+- Mount: `data-component="Code"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeBlock
+
+Reusable code block component.
+
+- Mount: `data-component="CodeBlock"`
+- Props: `language: string = "text"`, `filename: string = ""`, `code: string = ""`
+- Slots: None
+- Events: `click`
+
+### CodeTabs
+
+Reusable code tabs component.
+
+- Mount: `data-component="CodeTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeText
+
+Reusable code text component.
+
+- Mount: `data-component="CodeText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ColorSwatch
+
+Reusable color swatch component.
+
+- Mount: `data-component="ColorSwatch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CommandBlock
+
+Reusable command block component.
+
+- Mount: `data-component="CommandBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComplianceProgramCard
+
+Reusable compliance program card component.
+
+- Mount: `data-component="ComplianceProgramCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConnectedAccountCard
+
+Reusable connected account card component.
+
+- Mount: `data-component="ConnectedAccountCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConnectionCard
+
+Reusable connection card component.
+
+- Mount: `data-component="ConnectionCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConsentTimelinePreview
+
+Reusable consent timeline preview component.
+
+- Mount: `data-component="ConsentTimelinePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactCard
+
+Reusable contact card component.
+
+- Mount: `data-component="ContactCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactForm
+
+Reusable contact form component.
+
+- Mount: `data-component="ContactForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactSalesForm
+
+Reusable contact sales form component.
+
+- Mount: `data-component="ContactSalesForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContextSwitcher
+
+Reusable context switcher component.
+
+- Mount: `data-component="ContextSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversationPreview
+
+Reusable conversation preview component.
+
+- Mount: `data-component="ConversationPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CostSummary
+
+Reusable cost summary component.
+
+- Mount: `data-component="CostSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CronBuilder
+
+Reusable cron builder component.
+
+- Mount: `data-component="CronBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CsvUpload
+
+Reusable csv upload component.
+
+- Mount: `data-component="CsvUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CustomerLogo
+
+Reusable customer logo component.
+
+- Mount: `data-component="CustomerLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CustomerStoryCard
+
+Reusable customer story card component.
+
+- Mount: `data-component="CustomerStoryCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataProtectionCard
+
+Reusable data protection card component.
+
+- Mount: `data-component="DataProtectionCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DateRangeCalendar
+
+Reusable date range calendar component.
+
+- Mount: `data-component="DateRangeCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DateRangeSlider
+
+Reusable date range slider component.
+
+- Mount: `data-component="DateRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryPreview
+
+Reusable delivery preview component.
+
+- Mount: `data-component="DeliveryPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DemoRequestForm
+
+Reusable demo request form component.
+
+- Mount: `data-component="DemoRequestForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperSearch
+
+Reusable developer search component.
+
+- Mount: `data-component="DeveloperSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeviceCard
+
+Reusable device card component.
+
+- Mount: `data-component="DeviceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DocumentPreview
+
+Reusable document preview component.
+
+- Mount: `data-component="DocumentPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DocumentUpload
+
+Reusable document upload component.
+
+- Mount: `data-component="DocumentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadGateForm
+
+Reusable download gate form component.
+
+- Mount: `data-component="DownloadGateForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadResourceForm
+
+Reusable download resource form component.
+
+- Mount: `data-component="DownloadResourceForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DurationSlider
+
+Reusable duration slider component.
+
+- Mount: `data-component="DurationSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ElevatedCard
+
+Reusable elevated card component.
+
+- Mount: `data-component="ElevatedCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EmailComposer
+
+Reusable email composer component.
+
+- Mount: `data-component="EmailComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterprisePricingCard
+
+Reusable enterprise pricing card component.
+
+- Mount: `data-component="EnterprisePricingCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnvironmentSwitcher
+
+Reusable environment switcher component.
+
+- Mount: `data-component="EnvironmentSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorCard
+
+Reusable error card component.
+
+- Mount: `data-component="ErrorCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorCode
+
+Reusable error code component.
+
+- Mount: `data-component="ErrorCode"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorIllustration
+
+Reusable error illustration component.
+
+- Mount: `data-component="ErrorIllustration"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorPage
+
+Reusable error page component.
+
+- Mount: `data-component="ErrorPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EstimatedCostSummary
+
+Reusable estimated cost summary component.
+
+- Mount: `data-component="EstimatedCostSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExpandableText
+
+Reusable expandable text component.
+
+- Mount: `data-component="ExpandableText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EyebrowText
+
+Reusable eyebrow text component.
+
+- Mount: `data-component="EyebrowText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FactorCard
+
+Reusable factor card component.
+
+- Mount: `data-component="FactorCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FallbackRouteBuilder
+
+Reusable fallback route builder component.
+
+- Mount: `data-component="FallbackRouteBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FaviconUpload
+
+Reusable favicon upload component.
+
+- Mount: `data-component="FaviconUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureCard
+
+Reusable feature card component.
+
+- Mount: `data-component="FeatureCard"`
+- Props: `icon: string = "✦"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
+- Slots: None
+- Events: None
+
+### FeatureChecklist
+
+Reusable feature checklist component.
+
+- Mount: `data-component="FeatureChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeaturedBlogCard
+
+Reusable featured blog card component.
+
+- Mount: `data-component="FeaturedBlogCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureIconCard
+
+Reusable feature icon card component.
+
+- Mount: `data-component="FeatureIconCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureTabs
+
+Reusable feature tabs component.
+
+- Mount: `data-component="FeatureTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileSizeLabel
+
+Reusable file size label component.
+
+- Mount: `data-component="FileSizeLabel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileUpload
+
+Reusable file upload component.
+
+- Mount: `data-component="FileUpload"`
+- Props: `id: string = "file"`, `name: string = "file"`, `label: string = "Upload file"`, `accept: string = ""`, `multiple: boolean = false`, `help: string = "Drag and drop or browse"`
+- Slots: None
+- Events: None
+
+### FooterLanguageSwitcher
+
+Reusable footer language switcher component.
+
+- Mount: `data-component="FooterLanguageSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForbiddenPage
+
+Reusable forbidden page component.
+
+- Mount: `data-component="ForbiddenPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForgotPasswordForm
+
+Reusable forgot password form component.
+
+- Mount: `data-component="ForgotPasswordForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Form
+
+Reusable form component.
+
+- Mount: `data-component="Form"`
+- Props: `action: string = ""`, `method: string = "post"`, `name: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormErrorSummary
+
+Reusable form error summary component.
+
+- Mount: `data-component="FormErrorSummary"`
+- Props: `title: string = "Please fix the following"`, `visible: boolean = true`
+- Slots: `default`
+- Events: None
+
+### FormHelpText
+
+Reusable form help text component.
+
+- Mount: `data-component="FormHelpText"`
+- Props: `id: string = ""`, `text: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormLabel
+
+Reusable form label component.
+
+- Mount: `data-component="FormLabel"`
+- Props: `for: string = ""`, `label: string = "Label"`, `required: boolean = false`, `optional: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### GlassCard
+
+Reusable glass card component.
+
+- Mount: `data-component="GlassCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GlobalSearch
+
+Reusable global search component.
+
+- Mount: `data-component="GlobalSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideCard
+
+Reusable guide card component.
+
+- Mount: `data-component="GuideCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideChecklist
+
+Reusable guide checklist component.
+
+- Mount: `data-component="GuideChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideStep
+
+Reusable guide step component.
+
+- Mount: `data-component="GuideStep"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroGradientText
+
+Reusable hero gradient text component.
+
+- Mount: `data-component="HeroGradientText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroProductPreview
+
+Reusable hero product preview component.
+
+- Mount: `data-component="HeroProductPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroTrustText
+
+Reusable hero trust text component.
+
+- Mount: `data-component="HeroTrustText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HighlightText
+
+Reusable highlight text component.
+
+- Mount: `data-component="HighlightText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HolidayCalendar
+
+Reusable holiday calendar component.
+
+- Mount: `data-component="HolidayCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HumanApprovalStep
+
+Reusable human approval step component.
+
+- Mount: `data-component="HumanApprovalStep"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Icon
+
+Reusable icon component.
+
+- Mount: `data-component="Icon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Illustration
+
+Reusable illustration component.
+
+- Mount: `data-component="Illustration"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImageCompressionPreview
+
+Reusable image compression preview component.
+
+- Mount: `data-component="ImageCompressionPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImageUpload
+
+Reusable image upload component.
+
+- Mount: `data-component="ImageUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentCard
+
+Reusable incident card component.
+
+- Mount: `data-component="IncidentCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InfoCard
+
+Reusable info card component.
+
+- Mount: `data-component="InfoCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InlineCode
+
+Reusable inline code component.
+
+- Mount: `data-component="InlineCode"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IntegrationCard
+
+Reusable integration card component.
+
+- Mount: `data-component="IntegrationCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InvoiceLineItem
+
+Reusable invoice line item component.
+
+- Mount: `data-component="InvoiceLineItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InvoiceSummary
+
+Reusable invoice summary component.
+
+- Mount: `data-component="InvoiceSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JobCard
+
+Reusable job card component.
+
+- Mount: `data-component="JobCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JsonViewer
+
+Reusable json viewer component.
+
+- Mount: `data-component="JsonViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### KycDocumentUpload
+
+Reusable kyc document upload component.
+
+- Mount: `data-component="KycDocumentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LanguageSwitcher
+
+Reusable language switcher component.
+
+- Mount: `data-component="LanguageSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LeadText
+
+Reusable lead text component.
+
+- Mount: `data-component="LeadText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalContactBlock
+
+Reusable legal contact block component.
+
+- Mount: `data-component="LegalContactBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalSummary
+
+Reusable legal summary component.
+
+- Mount: `data-component="LegalSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Logo
+
+Reusable logo component.
+
+- Mount: `data-component="Logo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogoUpload
+
+Reusable logo upload component.
+
+- Mount: `data-component="LogoUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceCard
+
+Reusable maintenance card component.
+
+- Mount: `data-component="MaintenanceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenancePage
+
+Reusable maintenance page component.
+
+- Mount: `data-component="MaintenancePage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageComposer
+
+Reusable message composer component.
+
+- Mount: `data-component="MessageComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageComposerPreview
+
+Reusable message composer preview component.
+
+- Mount: `data-component="MessageComposerPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessagePreview
+
+Reusable message preview component.
+
+- Mount: `data-component="MessagePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageVolumeSlider
+
+Reusable message volume slider component.
+
+- Mount: `data-component="MessageVolumeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricCard
+
+Reusable metric card component.
+
+- Mount: `data-component="MetricCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricText
+
+Reusable metric text component.
+
+- Mount: `data-component="MetricText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileTableCard
+
+Reusable mobile table card component.
+
+- Mount: `data-component="MobileTableCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MultiFileUpload
+
+Reusable multi file upload component.
+
+- Mount: `data-component="MultiFileUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MutedText
+
+Reusable muted text component.
+
+- Mount: `data-component="MutedText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NavigationItem
+
+Reusable navigation item component.
+
+- Mount: `data-component="NavigationItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewsletterForm
+
+Reusable newsletter form component.
+
+- Mount: `data-component="NewsletterForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotFoundPage
+
+Reusable not found page component.
+
+- Mount: `data-component="NotFoundPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotificationCard
+
+Reusable notification card component.
+
+- Mount: `data-component="NotificationCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfficeCard
+
+Reusable office card component.
+
+- Mount: `data-component="OfficeCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfflinePage
+
+Reusable offline page component.
+
+- Mount: `data-component="OfflinePage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OneTimeSecretDisplay
+
+Reusable one time secret display component.
+
+- Mount: `data-component="OneTimeSecretDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OpacitySlider
+
+Reusable opacity slider component.
+
+- Mount: `data-component="OpacitySlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OtpVerificationForm
+
+Reusable otp verification form component.
+
+- Mount: `data-component="OtpVerificationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OutlinedCard
+
+Reusable outlined card component.
+
+- Mount: `data-component="OutlinedCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerApplicationForm
+
+Reusable partner application form component.
+
+- Mount: `data-component="PartnerApplicationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerProgramCard
+
+Reusable partner program card component.
+
+- Mount: `data-component="PartnerProgramCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PaymentMethodCard
+
+Reusable payment method card component.
+
+- Mount: `data-component="PaymentMethodCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PdfPreview
+
+Reusable pdf preview component.
+
+- Mount: `data-component="PdfPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlatformPillarCard
+
+Reusable platform pillar card component.
+
+- Mount: `data-component="PlatformPillarCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PressReleaseCard
+
+Reusable press release card component.
+
+- Mount: `data-component="PressReleaseCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PriceRangeSlider
+
+Reusable price range slider component.
+
+- Mount: `data-component="PriceRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PriceText
+
+Reusable price text component.
+
+- Mount: `data-component="PriceText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingCard
+
+Reusable pricing card component.
+
+- Mount: `data-component="PricingCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingContactForm
+
+Reusable pricing contact form component.
+
+- Mount: `data-component="PricingContactForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingPlanCard
+
+Reusable pricing plan card component.
+
+- Mount: `data-component="PricingPlanCard"`
+- Props: `name: string = "Starter"`, `description: string = ""`, `price: string = "₹0"`, `period: string = "/month"`, `featured: boolean = false`, `ctaLabel: string = "Choose plan"`, `ctaHref: string = "#"`
+- Slots: `default`
+- Events: None
+
+### ProductCard
+
+Reusable product card component.
+
+- Mount: `data-component="ProductCard"`
+- Props: `eyebrow: string = "Product"`, `title: string = "Product name"`, `description: string = ""`, `href: string = "#"`, `actionLabel: string = "Learn more"`, `status: string = ""`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### ProductIcon
+
+Reusable product icon component.
+
+- Mount: `data-component="ProductIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductLogo
+
+Reusable product logo component.
+
+- Mount: `data-component="ProductLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductMiniCard
+
+Reusable product mini card component.
+
+- Mount: `data-component="ProductMiniCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductNavigationCard
+
+Reusable product navigation card component.
+
+- Mount: `data-component="ProductNavigationCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressSlider
+
+Reusable progress slider component.
+
+- Mount: `data-component="ProgressSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProjectCard
+
+Reusable project card component.
+
+- Mount: `data-component="ProjectCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProjectSwitcher
+
+Reusable project switcher component.
+
+- Mount: `data-component="ProjectSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PublicHeaderLogo
+
+Reusable public header logo component.
+
+- Mount: `data-component="PublicHeaderLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PushComposer
+
+Reusable push composer component.
+
+- Mount: `data-component="PushComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QrCode
+
+Reusable qr code component.
+
+- Mount: `data-component="QrCode"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QuantityStepper
+
+Reusable quantity stepper component.
+
+- Mount: `data-component="QuantityStepper"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QuoteText
+
+Reusable quote text component.
+
+- Mount: `data-component="QuoteText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RangeSlider
+
+Reusable range slider component.
+
+- Mount: `data-component="RangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateLimitPage
+
+Reusable rate limit page component.
+
+- Mount: `data-component="RateLimitPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RatingSlider
+
+Reusable rating slider component.
+
+- Mount: `data-component="RatingSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RecoveryCodeForm
+
+Reusable recovery code form component.
+
+- Mount: `data-component="RecoveryCodeForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RecurrenceRuleBuilder
+
+Reusable recurrence rule builder component.
+
+- Mount: `data-component="RecurrenceRuleBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ReportCard
+
+Reusable report card component.
+
+- Mount: `data-component="ReportCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequestResponseViewer
+
+Reusable request response viewer component.
+
+- Mount: `data-component="RequestResponseViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequestViewer
+
+Reusable request viewer component.
+
+- Mount: `data-component="RequestViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResetPasswordForm
+
+Reusable reset password form component.
+
+- Mount: `data-component="ResetPasswordForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceCard
+
+Reusable resource card component.
+
+- Mount: `data-component="ResourceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceDownloadCard
+
+Reusable resource download card component.
+
+- Mount: `data-component="ResourceDownloadCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceSearch
+
+Reusable resource search component.
+
+- Mount: `data-component="ResourceSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponseViewer
+
+Reusable response viewer component.
+
+- Mount: `data-component="ResponseViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKCard
+
+Reusable s d k card component.
+
+- Mount: `data-component="SDKCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKLanguageTabs
+
+Reusable s d k language tabs component.
+
+- Mount: `data-component="SDKLanguageTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchCategoryTabs
+
+Reusable search category tabs component.
+
+- Mount: `data-component="SearchCategoryTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchResultItem
+
+Reusable search result item component.
+
+- Mount: `data-component="SearchResultItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecretDisplay
+
+Reusable secret display component.
+
+- Mount: `data-component="SecretDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityContactCard
+
+Reusable security contact card component.
+
+- Mount: `data-component="SecurityContactCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityFeatureCard
+
+Reusable security feature card component.
+
+- Mount: `data-component="SecurityFeatureCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityReportForm
+
+Reusable security report form component.
+
+- Mount: `data-component="SecurityReportForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServerErrorPage
+
+Reusable server error page component.
+
+- Mount: `data-component="ServerErrorPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SessionCard
+
+Reusable session card component.
+
+- Mount: `data-component="SessionCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SetupChecklist
+
+Reusable setup checklist component.
+
+- Mount: `data-component="SetupChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignInForm
+
+Reusable sign in form component.
+
+- Mount: `data-component="SignInForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignUpForm
+
+Reusable sign up form component.
+
+- Mount: `data-component="SignUpForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SiteSearch
+
+Reusable site search component.
+
+- Mount: `data-component="SiteSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Slider
+
+Reusable slider component.
+
+- Mount: `data-component="Slider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmallText
+
+Reusable small text component.
+
+- Mount: `data-component="SmallText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmsComposer
+
+Reusable sms composer component.
+
+- Mount: `data-component="SmsComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatCard
+
+Reusable stat card component.
+
+- Mount: `data-component="StatCard"`
+- Props: `label: string = "Metric"`, `value: string = "0"`, `change: string = ""`, `trend: string = "neutral"`
+- Slots: None
+- Events: None
+
+### StatusSubscribeForm
+
+Reusable status subscribe form component.
+
+- Mount: `data-component="StatusSubscribeForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Stepper
+
+Reusable stepper component.
+
+- Mount: `data-component="Stepper"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SuccessCard
+
+Reusable success card component.
+
+- Mount: `data-component="SuccessCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SupportRequestForm
+
+Reusable support request form component.
+
+- Mount: `data-component="SupportRequestForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Tabs
+
+Reusable tabs component.
+
+- Mount: `data-component="Tabs"`
+- Props: `active: string = "first"`
+- Slots: `first`, `second`
+- Events: `click`
+
+### TeamMemberCard
+
+Reusable team member card component.
+
+- Mount: `data-component="TeamMemberCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TemplateCard
+
+Reusable template card component.
+
+- Mount: `data-component="TemplateCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TerminalBlock
+
+Reusable terminal block component.
+
+- Mount: `data-component="TerminalBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TestimonialCard
+
+Reusable testimonial card component.
+
+- Mount: `data-component="TestimonialCard"`
+- Props: `quote: string = "Great product."`, `name: string = "Customer"`, `role: string = ""`, `company: string = ""`, `avatar: string = ""`
+- Slots: None
+- Events: None
+
+### TestimonialCarousel
+
+Reusable testimonial carousel component.
+
+- Mount: `data-component="TestimonialCarousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ThemeSwitcher
+
+Reusable theme switcher component.
+
+- Mount: `data-component="ThemeSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TimelineItem
+
+Reusable timeline item component.
+
+- Mount: `data-component="TimelineItem"`
+- Props: `title: string = "Event"`, `date: string = ""`, `description: string = ""`, `status: string = "default"`
+- Slots: None
+- Events: None
+
+### ToastIcon
+
+Reusable toast icon component.
+
+- Mount: `data-component="ToastIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Tooltip
+
+Reusable tooltip component.
+
+- Mount: `data-component="Tooltip"`
+- Props: `text: string = "Helpful information"`, `position: string = "top"`
+- Slots: `default`
+- Events: None
+
+### TotpVerificationForm
+
+Reusable totp verification form component.
+
+- Mount: `data-component="TotpVerificationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TranslatedText
+
+Reusable translated text component.
+
+- Mount: `data-component="TranslatedText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TruncatedText
+
+Reusable truncated text component.
+
+- Mount: `data-component="TruncatedText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnifiedTimelinePreview
+
+Reusable unified timeline preview component.
+
+- Mount: `data-component="UnifiedTimelinePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadItem
+
+Reusable upload item component.
+
+- Mount: `data-component="UploadItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadPreview
+
+Reusable upload preview component.
+
+- Mount: `data-component="UploadPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UserCard
+
+Reusable user card component.
+
+- Mount: `data-component="UserCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ValueCard
+
+Reusable value card component.
+
+- Mount: `data-component="ValueCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VerticalTabs
+
+Reusable vertical tabs component.
+
+- Mount: `data-component="VerticalTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoCard
+
+Reusable video card component.
+
+- Mount: `data-component="VideoCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoUpload
+
+Reusable video upload component.
+
+- Mount: `data-component="VideoUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VoiceScriptComposer
+
+Reusable voice script composer component.
+
+- Mount: `data-component="VoiceScriptComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VolumeSlider
+
+Reusable volume slider component.
+
+- Mount: `data-component="VolumeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WarningCard
+
+Reusable warning card component.
+
+- Mount: `data-component="WarningCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookEventCard
+
+Reusable webhook event card component.
+
+- Mount: `data-component="WebhookEventCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookPayloadViewer
+
+Reusable webhook payload viewer component.
+
+- Mount: `data-component="WebhookPayloadViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebinarCard
+
+Reusable webinar card component.
+
+- Mount: `data-component="WebinarCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebinarRegistrationForm
+
+Reusable webinar registration form component.
+
+- Mount: `data-component="WebinarRegistrationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WhatsAppComposer
+
+Reusable whats app composer component.
+
+- Mount: `data-component="WhatsAppComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Wizard
+
+Reusable wizard component.
+
+- Mount: `data-component="Wizard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkflowCanvasPreview
+
+Reusable workflow canvas preview component.
+
+- Mount: `data-component="WorkflowCanvasPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkspaceCard
+
+Reusable workspace card component.
+
+- Mount: `data-component="WorkspaceCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkspaceSwitcher
+
+Reusable workspace switcher component.
+
+- Mount: `data-component="WorkspaceSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ZoomSlider
+
+Reusable zoom slider component.
+
+- Mount: `data-component="ZoomSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Core
+
+### AnnouncementBar
+
+Reusable announcement bar component.
+
+- Mount: `data-component="AnnouncementBar"`
+- Props: `badge: string = "New"`, `message: string = "WrNexus Organizations is now available."`, `description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."`, `href: string = "/organizations"`, `actionLabel: string = "Explore organizations"`, `ariaLabel: string = "Announcement"`
+- Slots: None
+- Events: `click`
+
+### AspectRatio
+
+Reusable aspect ratio component.
+
+- Mount: `data-component="AspectRatio"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BackToTop
+
+Reusable back to top component.
+
+- Mount: `data-component="BackToTop"`
+- Props: `label: string = "Back to top"`, `assistiveLabel: string = "Return to the top of the page"`, `threshold: number = 500`
+- Slots: None
+- Events: `click`
+
+### Breadcrumbs
+
+Reusable breadcrumbs component.
+
+- Mount: `data-component="Breadcrumbs"`
+- Props: `homeLabel: string = "Home"`, `homeHref: string = "/"`, `current: string = "Current page"`
+- Slots: None
+- Events: None
+
+### Checkbox
+
+Reusable checkbox component.
+
+- Mount: `data-component="Checkbox"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Checkbox"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### Chip
+
+Reusable chip component.
+
+- Mount: `data-component="Chip"`
+- Props: `label: string = "Chip"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Cluster
+
+Reusable cluster component.
+
+- Mount: `data-component="Cluster"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Combobox
+
+Reusable combobox component.
+
+- Mount: `data-component="Combobox"`
+- 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
+
+### Container
+
+Reusable container component.
+
+- Mount: `data-component="Container"`
+- Props: `size: string = "default"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### disclosure
+
+Reusable disclosure component.
+
+- Mount: `data-component="disclosure"`
+- Props: `summary: string = "Details"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DisplayHeading
+
+Reusable display heading component.
+
+- Mount: `data-component="DisplayHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Divider
+
+Reusable divider component.
+
+- Mount: `data-component="Divider"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Drawer
+
+Reusable drawer component.
+
+- Mount: `data-component="Drawer"`
+- Props: `title: string = "Panel"`, `open: boolean = false`, `side: string = "right"`
+- Slots: `default`
+- Events: `click`
+
+### FAQ
+
+Reusable faq component.
+
+- Mount: `data-component="FAQ"`
+- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`
+- Slots: None
+- Events: None
+
+### FAQAccordion
+
+Reusable faqaccordion component.
+
+- Mount: `data-component="FAQAccordion"`
+- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `compact: boolean = false`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`, `showContact: boolean = false`, `contactText: string = "Still have questions?"`, `contactLabel: string = "Contact support"`, `contactHref: string = "/support"`
+- Slots: None
+- Events: `click`
+
+### file-upload
+
+Reusable file-upload component.
+
+- Mount: `data-component="file-upload"`
+- 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
+
+### FilterBar
+
+Reusable filter bar component.
+
+- Mount: `data-component="FilterBar"`
+- Props: `label: string = "Filters"`, `clearLabel: string = "Clear filters"`, `showClear: boolean = true`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Flex
+
+Reusable flex component.
+
+- Mount: `data-component="Flex"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormError
+
+Reusable form error component.
+
+- Mount: `data-component="FormError"`
+- Props: `id: string = ""`, `message: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FullBleed
+
+Reusable full bleed component.
+
+- Mount: `data-component="FullBleed"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### hstack
+
+Reusable hstack component.
+
+- Mount: `data-component="hstack"`
+- Props: `gap: string = "4"`, `align: string = "center"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Inline
+
+Reusable inline component.
+
+- Mount: `data-component="Inline"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### input
+
+Reusable input component.
+
+- Mount: `data-component="input"`
+- Props: `type: string = "text"`, `name: string = ""`, `value: string = ""`, `placeholder: string = ""`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### LegalTableOfContents
+
+Reusable legal table of contents component.
+
+- Mount: `data-component="LegalTableOfContents"`
+- Props: `title: string = "On this page"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### Link
+
+Reusable link component.
+
+- Mount: `data-component="Link"`
+- Props: `href: string = "#"`, `label: string = "Link"`, `external: boolean = false`, `className: string = ""`
+- Slots: None
+- Events: None
+
+### LogoCloud
+
+Reusable logo cloud component.
+
+- Mount: `data-component="LogoCloud"`
+- Props: `title: string = "Trusted by modern teams"`
+- Slots: `default`
+- Events: None
+
+### Modal
+
+Reusable modal component.
+
+- Mount: `data-component="Modal"`
+- Props: `title: string = "Dialog"`, `description: string = ""`, `open: boolean = false`, `size: string = "md"`, `closeLabel: string = "Close"`
+- Slots: `default`
+- Events: `click`
+
+### MultiSelect
+
+Reusable multi select component.
+
+- Mount: `data-component="MultiSelect"`
+- 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
+
+### NarrowContainer
+
+Reusable narrow container component.
+
+- Mount: `data-component="NarrowContainer"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotificationDot
+
+Reusable notification dot component.
+
+- Mount: `data-component="NotificationDot"`
+- Props: `label: string = "Notification"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageHeading
+
+Reusable page heading component.
+
+- Mount: `data-component="PageHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageShell
+
+Reusable page shell component.
+
+- Mount: `data-component="PageShell"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Pagination
+
+Reusable pagination component.
+
+- Mount: `data-component="Pagination"`
+- Props: `page: number = 1`, `totalPages: number = 1`, `previousHref: string = "#"`, `nextHref: string = "#"`
+- Slots: None
+- Events: None
+
+### Pill
+
+Reusable pill component.
+
+- Mount: `data-component="Pill"`
+- Props: `label: string = "Pill"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### progress
+
+Reusable progress component.
+
+- Mount: `data-component="progress"`
+- Props: `value: number = 0`, `max: number = 100`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### ProgressBar
+
+Reusable progress bar component.
+
+- Mount: `data-component="ProgressBar"`
+- Props: `value: number = 0`, `max: number = 100`, `label: string = "Progress"`, `showValue: boolean = true`
+- Slots: None
+- Events: None
+
+### PublicFooter
+
+Reusable public footer component.
+
+- Mount: `data-component="PublicFooter"`
+- Props: `brand: string = "WRNexusJS"`, `description: string = "SSR-first, Bun-native full-stack framework."`, `copyright: string = "© 2026 WorkRoot Workspace"`
+- Slots: `default`
+- Events: None
+
+### Radio
+
+Reusable radio component.
+
+- Mount: `data-component="Radio"`
+- Props: `id: string = ""`, `name: string = "choice"`, `value: string = ""`, `label: string = "Option"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### ScrollArea
+
+Reusable scroll area component.
+
+- Mount: `data-component="ScrollArea"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKTabs
+
+Reusable sdktabs component.
+
+- Mount: `data-component="SDKTabs"`
+- Props: `label: string = "SDK languages"`, `tabs: string = []`, `defaultIndex: number = 0`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### SectionHeading
+
+Reusable section heading component.
+
+- Mount: `data-component="SectionHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Select
+
+Reusable select component.
+
+- Mount: `data-component="Select"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Select"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
+- Slots: `default`
+- Events: None
+
+### spacer
+
+Reusable spacer component.
+
+- Mount: `data-component="spacer"`
+- Props: `class: string = ""`
+- Slots: None
+- Events: None
+
+### Spinner
+
+Reusable spinner component.
+
+- Mount: `data-component="Spinner"`
+- Props: `label: string = "Loading"`, `size: string = "md"`
+- Slots: None
+- Events: None
+
+### Stack
+
+Reusable stack component.
+
+- Mount: `data-component="Stack"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Sticky
+
+Reusable sticky component.
+
+- Mount: `data-component="Sticky"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SubsectionHeading
+
+Reusable subsection heading component.
+
+- Mount: `data-component="SubsectionHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Surface
+
+Reusable surface component.
+
+- Mount: `data-component="Surface"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Switch
+
+Reusable switch component.
+
+- Mount: `data-component="Switch"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Switch"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: `click`
+
+### tag
+
+Reusable tag component.
+
+- Mount: `data-component="tag"`
+- Props: `label: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Textarea
+
+Reusable textarea component.
+
+- Mount: `data-component="Textarea"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Message"`, `value: string = ""`, `placeholder: string = ""`, `rows: number = 5`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### theme-toggle
+
+Reusable theme-toggle component.
+
+- Mount: `data-component="theme-toggle"`
+- Props: `label: string = "Toggle theme"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Toast
+
+Reusable toast component.
+
+- Mount: `data-component="Toast"`
+- Props: `title: string = "Saved"`, `description: string = ""`, `variant: string = "success"`, `duration: number = 5000`
+- Slots: None
+- Events: `click`
+
+### Typography
+
+Reusable typography component.
+
+- Mount: `data-component="Typography"`
+- Props: `as: string = "p"`, `variant: string = "body"`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VisuallyHidden
+
+Reusable visually hidden component.
+
+- Mount: `data-component="VisuallyHidden"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Well
+
+Reusable well component.
+
+- Mount: `data-component="Well"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WideContainer
+
+Reusable wide container component.
+
+- Mount: `data-component="WideContainer"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Data
+
+### ActiveFilterList
+
+Reusable active filter list component.
+
+- Mount: `data-component="ActiveFilterList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ActivityList
+
+Reusable activity list component.
+
+- Mount: `data-component="ActivityList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiHeaderTable
+
+Reusable api header table component.
+
+- Mount: `data-component="ApiHeaderTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiParameterTable
+
+Reusable api parameter table component.
+
+- Mount: `data-component="ApiParameterTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiSchemaTable
+
+Reusable api schema table component.
+
+- Mount: `data-component="ApiSchemaTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuditTable
+
+Reusable audit table component.
+
+- Mount: `data-component="AuditTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AutoGrid
+
+Reusable auto grid component.
+
+- Mount: `data-component="AutoGrid"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogGrid
+
+Reusable blog grid component.
+
+- Mount: `data-component="BlogGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogList
+
+Reusable blog list component.
+
+- Mount: `data-component="BlogList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarGrid
+
+Reusable calendar grid component.
+
+- Mount: `data-component="CalendarGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CapabilityGrid
+
+Reusable capability grid component.
+
+- Mount: `data-component="CapabilityGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CareerBenefitsGrid
+
+Reusable career benefits grid component.
+
+- Mount: `data-component="CareerBenefitsGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelComparisonTable
+
+Reusable channel comparison table component.
+
+- Mount: `data-component="ChannelComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelRateTable
+
+Reusable channel rate table component.
+
+- Mount: `data-component="ChannelRateTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ColorGrid
+
+Reusable color grid component.
+
+- Mount: `data-component="ColorGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComparisonTable
+
+Reusable comparison table component.
+
+- Mount: `data-component="ComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComplianceBadgeList
+
+Reusable compliance badge list component.
+
+- Mount: `data-component="ComplianceBadgeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversationList
+
+Reusable conversation list component.
+
+- Mount: `data-component="ConversationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieCategoryList
+
+Reusable cookie category list component.
+
+- Mount: `data-component="CookieCategoryList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieDetailsTable
+
+Reusable cookie details table component.
+
+- Mount: `data-component="CookieDetailsTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieTable
+
+Reusable cookie table component.
+
+- Mount: `data-component="CookieTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataRetentionTable
+
+Reusable data retention table component.
+
+- Mount: `data-component="DataRetentionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataTable
+
+Reusable data table component.
+
+- Mount: `data-component="DataTable"`
+- Props: `caption: string = "Data table"`, `columns: string = []`, `rows: string = []`, `emptyMessage: string = "No data available."`, `striped: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### DefinitionList
+
+Reusable definition list component.
+
+- Mount: `data-component="DefinitionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DescriptionList
+
+Reusable description list component.
+
+- Mount: `data-component="DescriptionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EventTable
+
+Reusable event table component.
+
+- Mount: `data-component="EventTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureComparisonTable
+
+Reusable feature comparison table component.
+
+- Mount: `data-component="FeatureComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureGrid
+
+Reusable feature grid component.
+
+- Mount: `data-component="FeatureGrid"`
+- Props: `columns: number = 3`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureList
+
+Reusable feature list component.
+
+- Mount: `data-component="FeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileList
+
+Reusable file list component.
+
+- Mount: `data-component="FileList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FilterableTable
+
+Reusable filterable table component.
+
+- Mount: `data-component="FilterableTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormGrid
+
+Reusable form grid component.
+
+- Mount: `data-component="FormGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormRow
+
+Reusable form row component.
+
+- Mount: `data-component="FormRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Grid
+
+Reusable grid component.
+
+- Mount: `data-component="Grid"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideGrid
+
+Reusable guide grid component.
+
+- Mount: `data-component="GuideGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentList
+
+Reusable incident list component.
+
+- Mount: `data-component="IncidentList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### KeyValueTable
+
+Reusable key value table component.
+
+- Mount: `data-component="KeyValueTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LeadershipGrid
+
+Reusable leadership grid component.
+
+- Mount: `data-component="LeadershipGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalBulletList
+
+Reusable legal bullet list component.
+
+- Mount: `data-component="LegalBulletList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDefinitionList
+
+Reusable legal definition list component.
+
+- Mount: `data-component="LegalDefinitionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalTable
+
+Reusable legal table component.
+
+- Mount: `data-component="LegalTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### List
+
+Reusable list component.
+
+- Mount: `data-component="List"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogTable
+
+Reusable log table component.
+
+- Mount: `data-component="LogTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MemberList
+
+Reusable member list component.
+
+- Mount: `data-component="MemberList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricGrid
+
+Reusable metric grid component.
+
+- Mount: `data-component="MetricGrid"`
+- Props: `label: string = "Key metrics"`, `metrics: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### NotificationList
+
+Reusable notification list component.
+
+- Mount: `data-component="NotificationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerLogoGrid
+
+Reusable partner logo grid component.
+
+- Mount: `data-component="PartnerLogoGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasswordRequirementList
+
+Reusable password requirement list component.
+
+- Mount: `data-component="PasswordRequirementList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanFeatureList
+
+Reusable plan feature list component.
+
+- Mount: `data-component="PlanFeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanLimitList
+
+Reusable plan limit list component.
+
+- Mount: `data-component="PlanLimitList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PolicyVersionTable
+
+Reusable policy version table component.
+
+- Mount: `data-component="PolicyVersionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingComparisonTable
+
+Reusable pricing comparison table component.
+
+- Mount: `data-component="PricingComparisonTable"`
+- Props: `caption: string = "Plan comparison"`, `plans: string = []`, `features: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### PricingGrid
+
+Reusable pricing grid component.
+
+- Mount: `data-component="PricingGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingTable
+
+Reusable pricing table component.
+
+- Mount: `data-component="PricingTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductFeatureList
+
+Reusable product feature list component.
+
+- Mount: `data-component="ProductFeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductGrid
+
+Reusable product grid component.
+
+- Mount: `data-component="ProductGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductIntegrationList
+
+Reusable product integration list component.
+
+- Mount: `data-component="ProductIntegrationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductList
+
+Reusable product list component.
+
+- Mount: `data-component="ProductList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductUseCaseList
+
+Reusable product use case list component.
+
+- Mount: `data-component="ProductUseCaseList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateTable
+
+Reusable rate table component.
+
+- Mount: `data-component="RateTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionAvailabilityTable
+
+Reusable region availability table component.
+
+- Mount: `data-component="RegionAvailabilityTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponsiveTable
+
+Reusable responsive table component.
+
+- Mount: `data-component="ResponsiveTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RetentionTable
+
+Reusable retention table component.
+
+- Mount: `data-component="RetentionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityPillarGrid
+
+Reusable security pillar grid component.
+
+- Mount: `data-component="SecurityPillarGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityPracticeList
+
+Reusable security practice list component.
+
+- Mount: `data-component="SecurityPracticeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceLevelTable
+
+Reusable service level table component.
+
+- Mount: `data-component="ServiceLevelTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusList
+
+Reusable service status list component.
+
+- Mount: `data-component="ServiceStatusList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusRow
+
+Reusable service status row component.
+
+- Mount: `data-component="ServiceStatusRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SlaTable
+
+Reusable sla table component.
+
+- Mount: `data-component="SlaTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SortableTable
+
+Reusable sortable table component.
+
+- Mount: `data-component="SortableTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusTable
+
+Reusable status table component.
+
+- Mount: `data-component="StatusTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SubprocessorTable
+
+Reusable subprocessor table component.
+
+- Mount: `data-component="SubprocessorTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Table
+
+Reusable table component.
+
+- Mount: `data-component="Table"`
+- Props: `caption: string = "Data table"`, `responsive: boolean = true`
+- Slots: `default`
+- Events: None
+
+### TableRow
+
+Reusable table row component.
+
+- Mount: `data-component="TableRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TreeTable
+
+Reusable tree table component.
+
+- Mount: `data-component="TreeTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TrustBadgeList
+
+Reusable trust badge list component.
+
+- Mount: `data-component="TrustBadgeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UsagePricingTable
+
+Reusable usage pricing table component.
+
+- Mount: `data-component="UsagePricingTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ValuesGrid
+
+Reusable values grid component.
+
+- Mount: `data-component="ValuesGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VirtualizedTable
+
+Reusable virtualized table component.
+
+- Mount: `data-component="VirtualizedTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Feedback
+
+### AccountStatusBanner
+
+Reusable account status banner component.
+
+- Mount: `data-component="AccountStatusBanner"`
+- Props: `label: string = "AccountStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Alert
+
+Reusable alert component.
+
+- Mount: `data-component="Alert"`
+- Props: `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
+- Slots: `default`
+- Events: `click`
+
+### ApiAuthenticationNotice
+
+Reusable api authentication notice component.
+
+- Mount: `data-component="ApiAuthenticationNotice"`
+- Props: `label: string = "ApiAuthentication"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiMethodBadge
+
+Reusable api method badge component.
+
+- Mount: `data-component="ApiMethodBadge"`
+- Props: `label: string = "ApiMethod"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiRateLimitNotice
+
+Reusable api rate limit notice component.
+
+- Mount: `data-component="ApiRateLimitNotice"`
+- Props: `label: string = "ApiRateLimit"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiVersionBadge
+
+Reusable api version badge component.
+
+- Mount: `data-component="ApiVersionBadge"`
+- Props: `label: string = "ApiVersion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Badge
+
+Reusable badge component.
+
+- Mount: `data-component="Badge"`
+- Props: `label: string = "Badge"`, `variant: string = "neutral"`
+- Slots: None
+- Events: None
+
+### Banner
+
+Reusable banner component.
+
+- Mount: `data-component="Banner"`
+- Props: `text: string = "Announcement"`, `href: string = ""`, `actionLabel: string = "Learn more"`, `variant: string = "brand"`
+- Slots: None
+- Events: None
+
+### BetaBadge
+
+Reusable beta badge component.
+
+- Mount: `data-component="BetaBadge"`
+- Props: `label: string = "Beta"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CardSkeleton
+
+Reusable card skeleton component.
+
+- Mount: `data-component="CardSkeleton"`
+- Props: `label: string = "Card"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CertificationBadge
+
+Reusable certification badge component.
+
+- Mount: `data-component="CertificationBadge"`
+- Props: `label: string = "Certification"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelBadge
+
+Reusable channel badge component.
+
+- Mount: `data-component="ChannelBadge"`
+- Props: `label: string = "Channel"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CharacterCounter
+
+Reusable character counter component.
+
+- Mount: `data-component="CharacterCounter"`
+- Props: `label: string = "Character"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChartEmptyState
+
+Reusable chart empty state component.
+
+- Mount: `data-component="ChartEmptyState"`
+- Props: `label: string = "ChartEmpty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeLanguageBadge
+
+Reusable code language badge component.
+
+- Mount: `data-component="CodeLanguageBadge"`
+- Props: `label: string = "CodeLanguage"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComingSoonBadge
+
+Reusable coming soon badge component.
+
+- Mount: `data-component="ComingSoonBadge"`
+- Props: `label: string = "ComingSoon"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComingSoonState
+
+Reusable coming soon state component.
+
+- Mount: `data-component="ComingSoonState"`
+- Props: `label: string = "ComingSoon"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieBanner
+
+Reusable cookie banner component.
+
+- Mount: `data-component="CookieBanner"`
+- Props: `title: string = "We use cookies"`, `description: string = "We use essential cookies and optional analytics to improve your experience."`, `privacyHref: string = "/privacy"`
+- Slots: None
+- Events: `click`
+
+### Counter
+
+Reusable counter component.
+
+- Mount: `data-component="Counter"`
+- Props: `label: string = "Status"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeprecatedFeatureAlert
+
+Reusable deprecated feature alert component.
+
+- Mount: `data-component="DeprecatedFeatureAlert"`
+- Props: `label: string = "DeprecatedFeature"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EmptyState
+
+Reusable empty state component.
+
+- Mount: `data-component="EmptyState"`
+- Props: `icon: string = "◇"`, `title: string = "Nothing here yet"`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = "#"`
+- Slots: None
+- Events: None
+
+### ErrorState
+
+Reusable error state component.
+
+- Mount: `data-component="ErrorState"`
+- Props: `code: string = "500"`, `title: string = "Something went wrong"`, `description: string = "Please try again."`, `actionLabel: string = "Try again"`, `actionHref: string = "/"`
+- Slots: None
+- Events: None
+
+### FeatureUnavailableState
+
+Reusable feature unavailable state component.
+
+- Mount: `data-component="FeatureUnavailableState"`
+- Props: `label: string = "FeatureUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileTypeBadge
+
+Reusable file type badge component.
+
+- Mount: `data-component="FileTypeBadge"`
+- Props: `label: string = "FileType"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FooterStatusIndicator
+
+Reusable footer status indicator component.
+
+- Mount: `data-component="FooterStatusIndicator"`
+- Props: `label: string = "FooterStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForbiddenState
+
+Reusable forbidden state component.
+
+- Mount: `data-component="ForbiddenState"`
+- Props: `label: string = "Forbidden"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormAlert
+
+Reusable form alert component.
+
+- Mount: `data-component="FormAlert"`
+- Props: `label: string = "Form"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideDifficultyBadge
+
+Reusable guide difficulty badge component.
+
+- Mount: `data-component="GuideDifficultyBadge"`
+- Props: `label: string = "GuideDifficulty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HealthIndicator
+
+Reusable health indicator component.
+
+- Mount: `data-component="HealthIndicator"`
+- Props: `label: string = "Health"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentAlert
+
+Reusable incident alert component.
+
+- Mount: `data-component="IncidentAlert"`
+- Props: `label: string = "Incident"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentBanner
+
+Reusable incident banner component.
+
+- Mount: `data-component="IncidentBanner"`
+- Props: `label: string = "Incident"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentSeverityBadge
+
+Reusable incident severity badge component.
+
+- Mount: `data-component="IncidentSeverityBadge"`
+- Props: `label: string = "IncidentSeverity"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IndustryBadge
+
+Reusable industry badge component.
+
+- Mount: `data-component="IndustryBadge"`
+- Props: `label: string = "Industry"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InlineAlert
+
+Reusable inline alert component.
+
+- Mount: `data-component="InlineAlert"`
+- Props: `label: string = "Inline"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalAcceptanceNotice
+
+Reusable legal acceptance notice component.
+
+- Mount: `data-component="LegalAcceptanceNotice"`
+- Props: `label: string = "LegalAcceptance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalNotice
+
+Reusable legal notice component.
+
+- Mount: `data-component="LegalNotice"`
+- Props: `label: string = "Legal"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalVersionBadge
+
+Reusable legal version badge component.
+
+- Mount: `data-component="LegalVersionBadge"`
+- Props: `label: string = "LegalVersion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceAlert
+
+Reusable maintenance alert component.
+
+- Mount: `data-component="MaintenanceAlert"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceBanner
+
+Reusable maintenance banner component.
+
+- Mount: `data-component="MaintenanceBanner"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceState
+
+Reusable maintenance state component.
+
+- Mount: `data-component="MaintenanceState"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageCharacterCounter
+
+Reusable message character counter component.
+
+- Mount: `data-component="MessageCharacterCounter"`
+- Props: `label: string = "MessageCharacter"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewBadge
+
+Reusable new badge component.
+
+- Mount: `data-component="NewBadge"`
+- Props: `label: string = "New"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NoResultsState
+
+Reusable no results state component.
+
+- Mount: `data-component="NoResultsState"`
+- Props: `label: string = "NoResults"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotFoundState
+
+Reusable not found state component.
+
+- Mount: `data-component="NotFoundState"`
+- Props: `label: string = "NotFound"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfflineState
+
+Reusable offline state component.
+
+- Mount: `data-component="OfflineState"`
+- Props: `label: string = "Offline"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OnlineIndicator
+
+Reusable online indicator component.
+
+- Mount: `data-component="OnlineIndicator"`
+- Props: `label: string = "Online"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OptionalIndicator
+
+Reusable optional indicator component.
+
+- Mount: `data-component="OptionalIndicator"`
+- Props: `label: string = "Optional"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageAlert
+
+Reusable page alert component.
+
+- Mount: `data-component="PageAlert"`
+- Props: `label: string = "Page"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageSkeleton
+
+Reusable page skeleton component.
+
+- Mount: `data-component="PageSkeleton"`
+- Props: `label: string = "Page"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PreviewBadge
+
+Reusable preview badge component.
+
+- Mount: `data-component="PreviewBadge"`
+- Props: `label: string = "Preview"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrivacyNotice
+
+Reusable privacy notice component.
+
+- Mount: `data-component="PrivacyNotice"`
+- Props: `label: string = "Privacy"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductStatusBadge
+
+Reusable product status badge component.
+
+- Mount: `data-component="ProductStatusBadge"`
+- Props: `label: string = "ProductStatus"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateLimitedState
+
+Reusable rate limited state component.
+
+- Mount: `data-component="RateLimitedState"`
+- Props: `label: string = "RateLimited"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionalPrivacyBanner
+
+Reusable regional privacy banner component.
+
+- Mount: `data-component="RegionalPrivacyBanner"`
+- Props: `label: string = "RegionalPrivacy"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionUnavailableAlert
+
+Reusable region unavailable alert component.
+
+- Mount: `data-component="RegionUnavailableAlert"`
+- Props: `label: string = "RegionUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionUnavailableState
+
+Reusable region unavailable state component.
+
+- Mount: `data-component="RegionUnavailableState"`
+- Props: `label: string = "RegionUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequiredIndicator
+
+Reusable required indicator component.
+
+- Mount: `data-component="RequiredIndicator"`
+- Props: `label: string = "Required"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceTypeBadge
+
+Reusable resource type badge component.
+
+- Mount: `data-component="ResourceTypeBadge"`
+- Props: `label: string = "ResourceType"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchEmptyState
+
+Reusable search empty state component.
+
+- Mount: `data-component="SearchEmptyState"`
+- Props: `label: string = "SearchEmpty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchLoadingState
+
+Reusable search loading state component.
+
+- Mount: `data-component="SearchLoadingState"`
+- Props: `label: string = "SearchLoading"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityAlert
+
+Reusable security alert component.
+
+- Mount: `data-component="SecurityAlert"`
+- Props: `label: string = "Security"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusBadge
+
+Reusable service status badge component.
+
+- Mount: `data-component="ServiceStatusBadge"`
+- Props: `label: string = "ServiceStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Skeleton
+
+Reusable skeleton component.
+
+- Mount: `data-component="Skeleton"`
+- Props: `height: string = "4"`, `rounded: string = "lg"`, `className: string = ""`
+- Slots: None
+- Events: None
+
+### SmsSegmentCounter
+
+Reusable sms segment counter component.
+
+- Mount: `data-component="SmsSegmentCounter"`
+- Props: `label: string = "SmsSegment"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusBadge
+
+Reusable status badge component.
+
+- Mount: `data-component="StatusBadge"`
+- Props: `status: string = "operational"`
+- Slots: None
+- Events: None
+
+### SuccessState
+
+Reusable success state component.
+
+- Mount: `data-component="SuccessState"`
+- Props: `label: string = "Success"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TableSkeleton
+
+Reusable table skeleton component.
+
+- Mount: `data-component="TableSkeleton"`
+- Props: `label: string = "Table"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TaxNotice
+
+Reusable tax notice component.
+
+- Mount: `data-component="TaxNotice"`
+- Props: `label: string = "Tax"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TextSkeleton
+
+Reusable text skeleton component.
+
+- Mount: `data-component="TextSkeleton"`
+- Props: `label: string = "Text"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TrendIndicator
+
+Reusable trend indicator component.
+
+- Mount: `data-component="TrendIndicator"`
+- Props: `label: string = "Trend"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnavailableRegionState
+
+Reusable unavailable region state component.
+
+- Mount: `data-component="UnavailableRegionState"`
+- Props: `label: string = "UnavailableRegion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VerifiedBadge
+
+Reusable verified badge component.
+
+- Mount: `data-component="VerifiedBadge"`
+- Props: `label: string = "Verified"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Forms
+
+### AddressInput
+
+Reusable address input component.
+
+- Mount: `data-component="AddressInput"`
+- 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
+
+### AmountInput
+
+Reusable amount input component.
+
+- Mount: `data-component="AmountInput"`
+- 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
+
+### ApartmentInput
+
+Reusable apartment input component.
+
+- Mount: `data-component="ApartmentInput"`
+- 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
+
+### ApiKeyInput
+
+Reusable api key input component.
+
+- Mount: `data-component="ApiKeyInput"`
+- 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
+
+### AttachmentPicker
+
+Reusable attachment picker component.
+
+- Mount: `data-component="AttachmentPicker"`
+- 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
+
+### AuthenticatorCodeInput
+
+Reusable authenticator code input component.
+
+- Mount: `data-component="AuthenticatorCodeInput"`
+- 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
+
+### AvatarGroup
+
+Reusable avatar group component.
+
+- Mount: `data-component="AvatarGroup"`
+- 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
+
+### BillingPeriodToggle
+
+Reusable billing period toggle component.
+
+- Mount: `data-component="BillingPeriodToggle"`
+- 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
+
+Reusable blackout date picker component.
+
+- Mount: `data-component="BlackoutDatePicker"`
+- 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
+
+### BorderRadiusPicker
+
+Reusable border radius picker component.
+
+- Mount: `data-component="BorderRadiusPicker"`
+- 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
+
+### BrandColorPicker
+
+Reusable brand color picker component.
+
+- Mount: `data-component="BrandColorPicker"`
+- 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
+
+Reusable brand selector component.
+
+- Mount: `data-component="BrandSelector"`
+- 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
+
+### BudgetSelector
+
+Reusable budget selector component.
+
+- Mount: `data-component="BudgetSelector"`
+- 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
+
+Reusable business hours picker component.
+
+- Mount: `data-component="BusinessHoursPicker"`
+- 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
+
+### ButtonGroup
+
+Reusable button group component.
+
+- Mount: `data-component="ButtonGroup"`
+- 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
+
+Reusable button selector component.
+
+- Mount: `data-component="ButtonSelector"`
+- 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
+
+### CallbackUrlInput
+
+Reusable callback url input component.
+
+- Mount: `data-component="CallbackUrlInput"`
+- 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
+
+### CaptchaField
+
+Reusable captcha field component.
+
+- Mount: `data-component="CaptchaField"`
+- 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
+
+### CardSelector
+
+Reusable card selector component.
+
+- Mount: `data-component="CardSelector"`
+- 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
+
+### ChannelSelector
+
+Reusable channel selector component.
+
+- Mount: `data-component="ChannelSelector"`
+- 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
+
+### CheckboxGroup
+
+Reusable checkbox group component.
+
+- Mount: `data-component="CheckboxGroup"`
+- 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
+
+### ChipInput
+
+Reusable chip input component.
+
+- Mount: `data-component="ChipInput"`
+- 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
+
+### CitySelector
+
+Reusable city selector component.
+
+- Mount: `data-component="CitySelector"`
+- 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
+
+### CodeInput
+
+Reusable code input component.
+
+- Mount: `data-component="CodeInput"`
+- 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
+
+### ColorHexInput
+
+Reusable color hex input component.
+
+- Mount: `data-component="ColorHexInput"`
+- 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
+
+Reusable color picker component.
+
+- Mount: `data-component="ColorPicker"`
+- 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
+
+Reusable color selector component.
+
+- Mount: `data-component="ColorSelector"`
+- 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
+
+### CommandSearchInput
+
+Reusable command search input component.
+
+- Mount: `data-component="CommandSearchInput"`
+- 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
+
+### CompanyNameInput
+
+Reusable company name input component.
+
+- Mount: `data-component="CompanyNameInput"`
+- 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
+
+### CompanySizeSelector
+
+Reusable company size selector component.
+
+- Mount: `data-component="CompanySizeSelector"`
+- 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
+
+Reusable comparison date range picker component.
+
+- Mount: `data-component="ComparisonDateRangePicker"`
+- 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
+
+### ConfirmPasswordInput
+
+Reusable confirm password input component.
+
+- Mount: `data-component="ConfirmPasswordInput"`
+- 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
+
+### CookieCategoryToggle
+
+Reusable cookie category toggle component.
+
+- Mount: `data-component="CookieCategoryToggle"`
+- 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
+
+### CoordinatesInput
+
+Reusable coordinates input component.
+
+- Mount: `data-component="CoordinatesInput"`
+- 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
+
+Reusable coordinates picker component.
+
+- Mount: `data-component="CoordinatesPicker"`
+- 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
+
+### CopySecretField
+
+Reusable copy secret field component.
+
+- Mount: `data-component="CopySecretField"`
+- 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
+
+### CountryCallingCodeInput
+
+Reusable country calling code input component.
+
+- Mount: `data-component="CountryCallingCodeInput"`
+- 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
+
+Reusable country calling code selector component.
+
+- Mount: `data-component="CountryCallingCodeSelector"`
+- 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
+
+Reusable country selector component.
+
+- Mount: `data-component="CountrySelector"`
+- 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
+
+Reusable coupon input component.
+
+- Mount: `data-component="CouponInput"`
+- 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
+
+Reusable credit amount input component.
+
+- Mount: `data-component="CreditAmountInput"`
+- 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
+
+### CronInput
+
+Reusable cron input component.
+
+- Mount: `data-component="CronInput"`
+- 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
+
+### CurrencyInput
+
+Reusable currency input component.
+
+- Mount: `data-component="CurrencyInput"`
+- 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
+
+Reusable currency selector component.
+
+- Mount: `data-component="CurrencySelector"`
+- 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
+
+Reusable current password input component.
+
+- Mount: `data-component="CurrentPasswordInput"`
+- 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
+
+### DateInput
+
+Reusable date input component.
+
+- Mount: `data-component="DateInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Date"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### DatePicker
+
+Reusable date picker component.
+
+- Mount: `data-component="DatePicker"`
+- Props: `id: string = "date"`, `name: string = "date"`, `label: string = "Date"`, `value: string = ""`, `min: string = ""`, `max: string = ""`, `required: boolean = false`
+- Slots: None
+- Events: None
+
+### DateRangePicker
+
+Reusable date range picker component.
+
+- Mount: `data-component="DateRangePicker"`
+- Props: `label: string = "Date range"`, `startName: string = "startDate"`, `endName: string = "endDate"`
+- Slots: None
+- Events: None
+
+### DateTimeInput
+
+Reusable date time input component.
+
+- Mount: `data-component="DateTimeInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "DateTime"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### DateTimePicker
+
+Reusable date time picker component.
+
+- Mount: `data-component="DateTimePicker"`
+- 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
+
+Reusable date time range picker component.
+
+- Mount: `data-component="DateTimeRangePicker"`
+- 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
+
+Reusable decimal input component.
+
+- Mount: `data-component="DecimalInput"`
+- 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
+
+### DepartmentInput
+
+Reusable department input component.
+
+- Mount: `data-component="DepartmentInput"`
+- 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
+
+### DiscountInput
+
+Reusable discount input component.
+
+- Mount: `data-component="DiscountInput"`
+- 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
+
+### DisplayNameInput
+
+Reusable display name input component.
+
+- Mount: `data-component="DisplayNameInput"`
+- 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
+
+### DomainInput
+
+Reusable domain input component.
+
+- Mount: `data-component="DomainInput"`
+- 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
+
+### DurationInput
+
+Reusable duration input component.
+
+- Mount: `data-component="DurationInput"`
+- 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
+
+Reusable duration picker component.
+
+- Mount: `data-component="DurationPicker"`
+- 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
+
+### EmailBodyEditor
+
+Reusable email body editor component.
+
+- Mount: `data-component="EmailBodyEditor"`
+- 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
+
+### EmailInput
+
+Reusable email input component.
+
+- Mount: `data-component="EmailInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Email"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### EmojiPicker
+
+Reusable emoji picker component.
+
+- Mount: `data-component="EmojiPicker"`
+- 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
+
+### EnvironmentSelector
+
+Reusable environment selector component.
+
+- Mount: `data-component="EnvironmentSelector"`
+- 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
+
+### ExpiryDateTimePicker
+
+Reusable expiry date time picker component.
+
+- Mount: `data-component="ExpiryDateTimePicker"`
+- 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
+
+### FaxInput
+
+Reusable fax input component.
+
+- Mount: `data-component="FaxInput"`
+- 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
+
+### FileInput
+
+Reusable file input component.
+
+- Mount: `data-component="FileInput"`
+- 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
+
+### FileSizeInput
+
+Reusable file size input component.
+
+- Mount: `data-component="FileSizeInput"`
+- 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
+
+### FilterSearchInput
+
+Reusable filter search input component.
+
+- Mount: `data-component="FilterSearchInput"`
+- 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
+
+### FirstNameInput
+
+Reusable first name input component.
+
+- Mount: `data-component="FirstNameInput"`
+- 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
+
+### FontPicker
+
+Reusable font picker component.
+
+- Mount: `data-component="FontPicker"`
+- 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
+
+Reusable font size picker component.
+
+- Mount: `data-component="FontSizePicker"`
+- 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
+
+Reusable font weight picker component.
+
+- Mount: `data-component="FontWeightPicker"`
+- 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
+
+### FormField
+
+Reusable form field component.
+
+- Mount: `data-component="FormField"`
+- Props: `label: string = "Field"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`
+- Slots: `default`
+- Events: None
+
+### FormGroup
+
+Reusable form group component.
+
+- Mount: `data-component="FormGroup"`
+- 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
+
+### GeofenceEditor
+
+Reusable geofence editor component.
+
+- Mount: `data-component="GeofenceEditor"`
+- 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
+
+### GradientPicker
+
+Reusable gradient picker component.
+
+- Mount: `data-component="GradientPicker"`
+- 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
+
+Reusable gradient stop editor component.
+
+- Mount: `data-component="GradientStopEditor"`
+- 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
+
+### HexColorInput
+
+Reusable hex color input component.
+
+- Mount: `data-component="HexColorInput"`
+- 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
+
+Reusable hidden field component.
+
+- Mount: `data-component="HiddenField"`
+- 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
+
+### HostnameInput
+
+Reusable hostname input component.
+
+- Mount: `data-component="HostnameInput"`
+- 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
+
+Reusable hour picker component.
+
+- Mount: `data-component="HourPicker"`
+- 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
+
+Reusable hsl color input component.
+
+- Mount: `data-component="HslColorInput"`
+- 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
+
+### HtmlEditor
+
+Reusable html editor component.
+
+- Mount: `data-component="HtmlEditor"`
+- 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
+
+### IconPicker
+
+Reusable icon picker component.
+
+- Mount: `data-component="IconPicker"`
+- 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
+
+Reusable icon selector component.
+
+- Mount: `data-component="IconSelector"`
+- 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
+
+Reusable identifier input component.
+
+- Mount: `data-component="IdentifierInput"`
+- 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
+
+### ImageEditor
+
+Reusable image editor component.
+
+- Mount: `data-component="ImageEditor"`
+- 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
+
+### ImageSelector
+
+Reusable image selector component.
+
+- Mount: `data-component="ImageSelector"`
+- 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
+
+### IndustrySelector
+
+Reusable industry selector component.
+
+- Mount: `data-component="IndustrySelector"`
+- 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
+
+### InputGroup
+
+Reusable input group component.
+
+- Mount: `data-component="InputGroup"`
+- 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
+
+### IntegerInput
+
+Reusable integer input component.
+
+- Mount: `data-component="IntegerInput"`
+- 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
+
+### IpAddressInput
+
+Reusable ip address input component.
+
+- Mount: `data-component="IpAddressInput"`
+- 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
+
+### JobTitleInput
+
+Reusable job title input component.
+
+- Mount: `data-component="JobTitleInput"`
+- 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
+
+Reusable json input component.
+
+- Mount: `data-component="JsonInput"`
+- 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
+
+### LanguageSelector
+
+Reusable language selector component.
+
+- Mount: `data-component="LanguageSelector"`
+- 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
+
+### LastNameInput
+
+Reusable last name input component.
+
+- Mount: `data-component="LastNameInput"`
+- 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
+
+### LatitudeInput
+
+Reusable latitude input component.
+
+- Mount: `data-component="LatitudeInput"`
+- 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
+
+### LegalLanguageSelector
+
+Reusable legal language selector component.
+
+- Mount: `data-component="LegalLanguageSelector"`
+- 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
+
+### LegalRegionSelector
+
+Reusable legal region selector component.
+
+- Mount: `data-component="LegalRegionSelector"`
+- 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
+
+### LetterSpacingPicker
+
+Reusable letter spacing picker component.
+
+- Mount: `data-component="LetterSpacingPicker"`
+- 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
+
+Reusable license key input component.
+
+- Mount: `data-component="LicenseKeyInput"`
+- 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
+
+### LineHeightPicker
+
+Reusable line height picker component.
+
+- Mount: `data-component="LineHeightPicker"`
+- 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
+
+### LocaleSelector
+
+Reusable locale selector component.
+
+- Mount: `data-component="LocaleSelector"`
+- 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
+
+### LocationPicker
+
+Reusable location picker component.
+
+- Mount: `data-component="LocationPicker"`
+- 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
+
+### LongitudeInput
+
+Reusable longitude input component.
+
+- Mount: `data-component="LongitudeInput"`
+- 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
+
+### MaintenanceWindowPicker
+
+Reusable maintenance window picker component.
+
+- Mount: `data-component="MaintenanceWindowPicker"`
+- 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
+
+Reusable map picker component.
+
+- Mount: `data-component="MapPicker"`
+- 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
+
+Reusable markdown editor component.
+
+- Mount: `data-component="MarkdownEditor"`
+- 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
+
+### MaskedSecretField
+
+Reusable masked secret field component.
+
+- Mount: `data-component="MaskedSecretField"`
+- 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
+
+### MentionInput
+
+Reusable mention input component.
+
+- Mount: `data-component="MentionInput"`
+- 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
+
+### MessageLimitInput
+
+Reusable message limit input component.
+
+- Mount: `data-component="MessageLimitInput"`
+- 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
+
+### MinutePicker
+
+Reusable minute picker component.
+
+- Mount: `data-component="MinutePicker"`
+- 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
+
+### MobileInput
+
+Reusable mobile input component.
+
+- Mount: `data-component="MobileInput"`
+- 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
+
+### MonthlyVolumeSelector
+
+Reusable monthly volume selector component.
+
+- Mount: `data-component="MonthlyVolumeSelector"`
+- 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
+
+Reusable month picker component.
+
+- Mount: `data-component="MonthPicker"`
+- 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
+
+Reusable month year picker component.
+
+- Mount: `data-component="MonthYearPicker"`
+- 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
+
+### MultipleEmailInput
+
+Reusable multiple email input component.
+
+- Mount: `data-component="MultipleEmailInput"`
+- 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
+
+### NameInput
+
+Reusable name input component.
+
+- Mount: `data-component="NameInput"`
+- 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
+
+### NewPasswordInput
+
+Reusable new password input component.
+
+- Mount: `data-component="NewPasswordInput"`
+- 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
+
+### NumberInput
+
+Reusable number input component.
+
+- Mount: `data-component="NumberInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Number"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### OrganizationSelector
+
+Reusable organization selector component.
+
+- Mount: `data-component="OrganizationSelector"`
+- 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
+
+Reusable otp input component.
+
+- Mount: `data-component="OtpInput"`
+- Props: `name: string = "otp"`, `length: number = 6`, `label: string = "Verification code"`
+- Slots: None
+- Events: None
+
+### PasswordInput
+
+Reusable password input component.
+
+- Mount: `data-component="PasswordInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Password"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### PasswordVisibilityToggle
+
+Reusable password visibility toggle component.
+
+- Mount: `data-component="PasswordVisibilityToggle"`
+- 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
+
+Reusable path input component.
+
+- Mount: `data-component="PathInput"`
+- 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
+
+### PercentageInput
+
+Reusable percentage input component.
+
+- Mount: `data-component="PercentageInput"`
+- 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
+
+Reusable permission selector component.
+
+- Mount: `data-component="PermissionSelector"`
+- 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
+
+Reusable phone input component.
+
+- Mount: `data-component="PhoneInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Phone"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### PinInput
+
+Reusable pin input component.
+
+- Mount: `data-component="PinInput"`
+- 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
+
+Reusable plain text editor component.
+
+- Mount: `data-component="PlainTextEditor"`
+- 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
+
+### PlanSelector
+
+Reusable plan selector component.
+
+- Mount: `data-component="PlanSelector"`
+- 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
+
+### PortInput
+
+Reusable port input component.
+
+- Mount: `data-component="PortInput"`
+- 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
+
+Reusable port number input component.
+
+- Mount: `data-component="PortNumberInput"`
+- 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
+
+Reusable positive number input component.
+
+- Mount: `data-component="PositiveNumberInput"`
+- 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
+
+Reusable postal code input component.
+
+- Mount: `data-component="PostalCodeInput"`
+- 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
+
+### PresetDateRangePicker
+
+Reusable preset date range picker component.
+
+- Mount: `data-component="PresetDateRangePicker"`
+- 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
+
+### PriceInput
+
+Reusable price input component.
+
+- Mount: `data-component="PriceInput"`
+- 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
+
+### PricingFeatureGroup
+
+Reusable pricing feature group component.
+
+- Mount: `data-component="PricingFeatureGroup"`
+- 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
+
+### PricingToggle
+
+Reusable pricing toggle component.
+
+- Mount: `data-component="PricingToggle"`
+- 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
+
+### PrioritySelector
+
+Reusable priority selector component.
+
+- Mount: `data-component="PrioritySelector"`
+- 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
+
+### ProductSelector
+
+Reusable product selector component.
+
+- Mount: `data-component="ProductSelector"`
+- 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
+
+### ProjectSelector
+
+Reusable project selector component.
+
+- Mount: `data-component="ProjectSelector"`
+- 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
+
+### PromoCodeInput
+
+Reusable promo code input component.
+
+- Mount: `data-component="PromoCodeInput"`
+- 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
+
+### ProviderSelector
+
+Reusable provider selector component.
+
+- Mount: `data-component="ProviderSelector"`
+- 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
+
+### PublishDateTimePicker
+
+Reusable publish date time picker component.
+
+- Mount: `data-component="PublishDateTimePicker"`
+- 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
+
+### PushNotificationEditor
+
+Reusable push notification editor component.
+
+- Mount: `data-component="PushNotificationEditor"`
+- 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
+
+### QuantityInput
+
+Reusable quantity input component.
+
+- Mount: `data-component="QuantityInput"`
+- 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
+
+### QuietHoursPicker
+
+Reusable quiet hours picker component.
+
+- Mount: `data-component="QuietHoursPicker"`
+- 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
+
+### RadioGroup
+
+Reusable radio group component.
+
+- Mount: `data-component="RadioGroup"`
+- Props: `label: string = "Choose one"`, `name: string = "choice"`
+- Slots: `default`
+- Events: None
+
+### RangeInput
+
+Reusable range input component.
+
+- Mount: `data-component="RangeInput"`
+- 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
+
+### RateLimitInput
+
+Reusable rate limit input component.
+
+- Mount: `data-component="RateLimitInput"`
+- 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
+
+### RecipientSelector
+
+Reusable recipient selector component.
+
+- Mount: `data-component="RecipientSelector"`
+- 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
+
+### RecoveryCodeInput
+
+Reusable recovery code input component.
+
+- Mount: `data-component="RecoveryCodeInput"`
+- 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
+
+### RecurringSchedulePicker
+
+Reusable recurring schedule picker component.
+
+- Mount: `data-component="RecurringSchedulePicker"`
+- Props: `id: string = "recurring-schedule"`, `name: string = "recurrence"`, `label: string = "Repeat"`, `value: string = "none"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### RedirectUriInput
+
+Reusable redirect uri input component.
+
+- Mount: `data-component="RedirectUriInput"`
+- 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
+
+Reusable reference input component.
+
+- Mount: `data-component="ReferenceInput"`
+- 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
+
+Reusable regex input component.
+
+- Mount: `data-component="RegexInput"`
+- 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
+
+### RegionSelector
+
+Reusable region selector component.
+
+- Mount: `data-component="RegionSelector"`
+- 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
+
+### RetryCountInput
+
+Reusable retry count input component.
+
+- Mount: `data-component="RetryCountInput"`
+- 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
+
+### RgbColorInput
+
+Reusable rgb color input component.
+
+- Mount: `data-component="RgbColorInput"`
+- 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
+
+Reusable rich text editor component.
+
+- Mount: `data-component="RichTextEditor"`
+- 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
+
+Reusable rich text input component.
+
+- Mount: `data-component="RichTextInput"`
+- 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
+
+Reusable role selector component.
+
+- Mount: `data-component="RoleSelector"`
+- 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
+
+Reusable rolling date range picker component.
+
+- Mount: `data-component="RollingDateRangePicker"`
+- 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
+
+### SavedFilterSelector
+
+Reusable saved filter selector component.
+
+- Mount: `data-component="SavedFilterSelector"`
+- 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
+
+Reusable scheduled date time picker component.
+
+- Mount: `data-component="ScheduledDateTimePicker"`
+- 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
+
+Reusable schedule message picker component.
+
+- Mount: `data-component="ScheduleMessagePicker"`
+- 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
+
+Reusable schedule picker component.
+
+- Mount: `data-component="SchedulePicker"`
+- Props: `label: string = "Schedule"`
+- Slots: None
+- Events: None
+
+### SdkLanguageSelector
+
+Reusable sdk language selector component.
+
+- Mount: `data-component="SdkLanguageSelector"`
+- 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
+
+### SearchInput
+
+Reusable search input component.
+
+- Mount: `data-component="SearchInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Search"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### SecondPicker
+
+Reusable second picker component.
+
+- Mount: `data-component="SecondPicker"`
+- 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
+
+### SecretInput
+
+Reusable secret input component.
+
+- Mount: `data-component="SecretInput"`
+- 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
+
+### SenderIdInput
+
+Reusable sender id input component.
+
+- Mount: `data-component="SenderIdInput"`
+- 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
+
+### SeveritySelector
+
+Reusable severity selector component.
+
+- Mount: `data-component="SeveritySelector"`
+- 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
+
+Reusable shadow picker component.
+
+- Mount: `data-component="ShadowPicker"`
+- 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
+
+### SlugInput
+
+Reusable slug input component.
+
+- Mount: `data-component="SlugInput"`
+- 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
+
+### SmsMessageEditor
+
+Reusable sms message editor component.
+
+- Mount: `data-component="SmsMessageEditor"`
+- 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
+
+### StateSelector
+
+Reusable state selector component.
+
+- Mount: `data-component="StateSelector"`
+- 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
+
+### StatusSelector
+
+Reusable status selector component.
+
+- Mount: `data-component="StatusSelector"`
+- 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
+
+### StepperInput
+
+Reusable stepper input component.
+
+- Mount: `data-component="StepperInput"`
+- 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
+
+### StickerPicker
+
+Reusable sticker picker component.
+
+- Mount: `data-component="StickerPicker"`
+- 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
+
+### StreetAddressInput
+
+Reusable street address input component.
+
+- Mount: `data-component="StreetAddressInput"`
+- 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
+
+Reusable subdomain input component.
+
+- Mount: `data-component="SubdomainInput"`
+- 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
+
+Reusable subject input component.
+
+- Mount: `data-component="SubjectInput"`
+- 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
+
+### TagInput
+
+Reusable tag input component.
+
+- Mount: `data-component="TagInput"`
+- 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
+
+### TaxRateInput
+
+Reusable tax rate input component.
+
+- Mount: `data-component="TaxRateInput"`
+- 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
+
+### TeamSizeSelector
+
+Reusable team size selector component.
+
+- Mount: `data-component="TeamSizeSelector"`
+- 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
+
+### TemplateSelector
+
+Reusable template selector component.
+
+- Mount: `data-component="TemplateSelector"`
+- 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
+
+Reusable template variable input component.
+
+- Mount: `data-component="TemplateVariableInput"`
+- 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
+
+### TextInput
+
+Reusable text input component.
+
+- Mount: `data-component="TextInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Text"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### ThemeColorPicker
+
+Reusable theme color picker component.
+
+- Mount: `data-component="ThemeColorPicker"`
+- 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
+
+### TimeInput
+
+Reusable time input component.
+
+- Mount: `data-component="TimeInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Time"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### TimeoutInput
+
+Reusable timeout input component.
+
+- Mount: `data-component="TimeoutInput"`
+- 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
+
+Reusable time picker component.
+
+- Mount: `data-component="TimePicker"`
+- 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
+
+Reusable time range picker component.
+
+- Mount: `data-component="TimeRangePicker"`
+- 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
+
+Reusable timezone aware time picker component.
+
+- Mount: `data-component="TimezoneAwareTimePicker"`
+- 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
+
+Reusable timezone selector component.
+
+- Mount: `data-component="TimezoneSelector"`
+- Props: `id: string = "timezone"`, `name: string = "timezone"`, `label: string = "Timezone"`
+- Slots: None
+- Events: None
+
+### Toggle
+
+Reusable toggle component.
+
+- Mount: `data-component="Toggle"`
+- 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
+
+Reusable toggle group component.
+
+- Mount: `data-component="ToggleGroup"`
+- 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
+
+Reusable token input component.
+
+- Mount: `data-component="TokenInput"`
+- 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
+
+### UrlInput
+
+Reusable url input component.
+
+- Mount: `data-component="UrlInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Url"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### UseCaseSelector
+
+Reusable use case selector component.
+
+- Mount: `data-component="UseCaseSelector"`
+- 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
+
+### UsernameInput
+
+Reusable username input component.
+
+- Mount: `data-component="UsernameInput"`
+- 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
+
+### VerificationCodeInput
+
+Reusable verification code input component.
+
+- Mount: `data-component="VerificationCodeInput"`
+- 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
+
+### VersionSelector
+
+Reusable version selector component.
+
+- Mount: `data-component="VersionSelector"`
+- 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
+
+### VoiceScriptEditor
+
+Reusable voice script editor component.
+
+- Mount: `data-component="VoiceScriptEditor"`
+- 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
+
+Reusable volume input component.
+
+- Mount: `data-component="VolumeInput"`
+- 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
+
+### WebhookUrlInput
+
+Reusable webhook url input component.
+
+- Mount: `data-component="WebhookUrlInput"`
+- 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
+
+### WhatsAppNumberInput
+
+Reusable whats app number input component.
+
+- Mount: `data-component="WhatsAppNumberInput"`
+- 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
+
+Reusable whats app template editor component.
+
+- Mount: `data-component="WhatsAppTemplateEditor"`
+- 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
+
+### WorkspaceSelector
+
+Reusable workspace selector component.
+
+- Mount: `data-component="WorkspaceSelector"`
+- 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
+
+### YearPicker
+
+Reusable year picker component.
+
+- Mount: `data-component="YearPicker"`
+- 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
+
+## Layout
+
+### AnchorNavigation
+
+Reusable anchor navigation component.
+
+- Mount: `data-component="AnchorNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AppHeader
+
+Reusable app header component.
+
+- Mount: `data-component="AppHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArchitectureSection
+
+Reusable architecture section component.
+
+- Mount: `data-component="ArchitectureSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleHero
+
+Reusable article hero component.
+
+- Mount: `data-component="ArticleHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleLayout
+
+Reusable article layout component.
+
+- Mount: `data-component="ArticleLayout"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticlePageShell
+
+Reusable article page shell component.
+
+- Mount: `data-component="ArticlePageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BottomNavigation
+
+Reusable bottom navigation component.
+
+- Mount: `data-component="BottomNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BrowserFrame
+
+Reusable browser frame component.
+
+- Mount: `data-component="BrowserFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarHeader
+
+Reusable calendar header component.
+
+- Mount: `data-component="CalendarHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarNavigation
+
+Reusable calendar navigation component.
+
+- Mount: `data-component="CalendarNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyHero
+
+Reusable case study hero component.
+
+- Mount: `data-component="CaseStudyHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CenteredHero
+
+Reusable centered hero component.
+
+- Mount: `data-component="CenteredHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CenteredSectionHeader
+
+Reusable centered section header component.
+
+- Mount: `data-component="CenteredSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChallengeSection
+
+Reusable challenge section component.
+
+- Mount: `data-component="ChallengeSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeHeader
+
+Reusable code header component.
+
+- Mount: `data-component="CodeHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompanyHero
+
+Reusable company hero component.
+
+- Mount: `data-component="CompanyHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompanyPageShell
+
+Reusable company page shell component.
+
+- Mount: `data-component="CompanyPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactHero
+
+Reusable contact hero component.
+
+- Mount: `data-component="ContactHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactPageShell
+
+Reusable contact page shell component.
+
+- Mount: `data-component="ContactPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CTASection
+
+Reusable c t a section component.
+
+- Mount: `data-component="CTASection"`
+- Props: `eyebrow: string = "Ready?"`, `title: string = "Start building today"`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Contact sales"`, `secondaryHref: string = "#"`
+- Slots: None
+- Events: None
+
+### DesktopNavigation
+
+Reusable desktop navigation component.
+
+- Mount: `data-component="DesktopNavigation"`
+- Props: `label: string = "Primary navigation"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### DeveloperHero
+
+Reusable developer hero component.
+
+- Mount: `data-component="DeveloperHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperPageShell
+
+Reusable developer page shell component.
+
+- Mount: `data-component="DeveloperPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DropdownNavigation
+
+Reusable dropdown navigation component.
+
+- Mount: `data-component="DropdownNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterpriseHero
+
+Reusable enterprise hero component.
+
+- Mount: `data-component="EnterpriseHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorHero
+
+Reusable error hero component.
+
+- Mount: `data-component="ErrorHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorPageShell
+
+Reusable error page shell component.
+
+- Mount: `data-component="ErrorPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureDetailsPanel
+
+Reusable feature details panel component.
+
+- Mount: `data-component="FeatureDetailsPanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormSection
+
+Reusable form section component.
+
+- Mount: `data-component="FormSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Header
+
+Reusable header component.
+
+- Mount: `data-component="Header"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Hero
+
+Reusable hero component.
+
+- Mount: `data-component="Hero"`
+- Props: `eyebrow: string = ""`, `title: string = "Build faster with WRNexusJS"`, `highlight: string = ""`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Learn more"`, `secondaryHref: string = "#"`, `align: string = "center"`
+- Slots: `default`
+- Events: None
+
+### HeroCodePanel
+
+Reusable hero code panel component.
+
+- Mount: `data-component="HeroCodePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InsetPanel
+
+Reusable inset panel component.
+
+- Mount: `data-component="InsetPanel"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDocumentHeader
+
+Reusable legal document header component.
+
+- Mount: `data-component="LegalDocumentHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDocumentLayout
+
+Reusable legal document layout component.
+
+- Mount: `data-component="LegalDocumentLayout"`
+- Props: `title: string = "Legal document"`, `effectiveDate: string = ""`, `updatedDate: string = ""`
+- Slots: `toc`, `default`
+- Events: None
+
+### LegalHero
+
+Reusable legal hero component.
+
+- Mount: `data-component="LegalHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalPageShell
+
+Reusable legal page shell component.
+
+- Mount: `data-component="LegalPageShell"`
+- Props: `class: string = ""`
+- Slots: `navigation`, `default`
+- Events: None
+
+### LegalSection
+
+Reusable legal section component.
+
+- Mount: `data-component="LegalSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MarketingPageShell
+
+Reusable marketing page shell component.
+
+- Mount: `data-component="MarketingPageShell"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MarketingSectionHeader
+
+Reusable marketing section header component.
+
+- Mount: `data-component="MarketingSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MissionSection
+
+Reusable mission section component.
+
+- Mount: `data-component="MissionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileDeviceFrame
+
+Reusable mobile device frame component.
+
+- Mount: `data-component="MobileDeviceFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileNavigation
+
+Reusable mobile navigation component.
+
+- Mount: `data-component="MobileNavigation"`
+- Props: `label: string = "Menu"`, `closeLabel: string = "Close menu"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### Navigation
+
+Reusable navigation component.
+
+- Mount: `data-component="Navigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Panel
+
+Reusable panel component.
+
+- Mount: `data-component="Panel"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PreviousNextNavigation
+
+Reusable previous next navigation component.
+
+- Mount: `data-component="PreviousNextNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingHero
+
+Reusable pricing hero component.
+
+- Mount: `data-component="PricingHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductCategorySection
+
+Reusable product category section component.
+
+- Mount: `data-component="ProductCategorySection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductHero
+
+Reusable product hero component.
+
+- Mount: `data-component="ProductHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductPageShell
+
+Reusable product page shell component.
+
+- Mount: `data-component="ProductPageShell"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PublicHeader
+
+Reusable public header component.
+
+- Mount: `data-component="PublicHeader"`
+- Props: `brand: string = "WRNexusJS"`, `homeHref: string = "/"`, `signInHref: string = "/signin"`, `ctaHref: string = "/start"`, `ctaLabel: string = "Get started"`
+- Slots: `default`, `mobile`
+- Events: `click`
+
+### PublicPageShell
+
+Reusable public page shell component.
+
+- Mount: `data-component="PublicPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResizablePanel
+
+Reusable resizable panel component.
+
+- Mount: `data-component="ResizablePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourcePageShell
+
+Reusable resource page shell component.
+
+- Mount: `data-component="ResourcePageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResultsSection
+
+Reusable results section component.
+
+- Mount: `data-component="ResultsSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ScreenshotFrame
+
+Reusable screenshot frame component.
+
+- Mount: `data-component="ScreenshotFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Section
+
+Reusable section component.
+
+- Mount: `data-component="Section"`
+- Props: `id: string = ""`, `size: string = "default"`, `surface: string = "default"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### SectionHeader
+
+Reusable section header component.
+
+- Mount: `data-component="SectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = "Section title"`, `description: string = ""`, `align: string = "left"`
+- Slots: `default`
+- Events: None
+
+### SecurityHero
+
+Reusable security hero component.
+
+- Mount: `data-component="SecurityHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SidebarLayout
+
+Reusable sidebar layout component.
+
+- Mount: `data-component="SidebarLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SidePanel
+
+Reusable side panel component.
+
+- Mount: `data-component="SidePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionHero
+
+Reusable solution hero component.
+
+- Mount: `data-component="SolutionHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionPageShell
+
+Reusable solution page shell component.
+
+- Mount: `data-component="SolutionPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionSection
+
+Reusable solution section component.
+
+- Mount: `data-component="SolutionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitHero
+
+Reusable split hero component.
+
+- Mount: `data-component="SplitHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitLayout
+
+Reusable split layout component.
+
+- Mount: `data-component="SplitLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitSectionHeader
+
+Reusable split section header component.
+
+- Mount: `data-component="SplitSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusPageShell
+
+Reusable status page shell component.
+
+- Mount: `data-component="StatusPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StepNavigation
+
+Reusable step navigation component.
+
+- Mount: `data-component="StepNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StickyLayout
+
+Reusable sticky layout component.
+
+- Mount: `data-component="StickyLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TableHeader
+
+Reusable table header component.
+
+- Mount: `data-component="TableHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VisionSection
+
+Reusable vision section component.
+
+- Mount: `data-component="VisionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WizardHeader
+
+Reusable wizard header component.
+
+- Mount: `data-component="WizardHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WizardNavigation
+
+Reusable wizard navigation component.
+
+- Mount: `data-component="WizardNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Overlays
+
+### AccessibleDialog
+
+Reusable accessible dialog component.
+
+- Mount: `data-component="AccessibleDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleMenu
+
+Reusable accessible menu component.
+
+- Mount: `data-component="AccessibleMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccountMenu
+
+Reusable account menu component.
+
+- Mount: `data-component="AccountMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ActionMenu
+
+Reusable action menu component.
+
+- Mount: `data-component="ActionMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AlertDialog
+
+Reusable alert dialog component.
+
+- Mount: `data-component="AlertDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiKeyCreateDialog
+
+Reusable api key create dialog component.
+
+- Mount: `data-component="ApiKeyCreateDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CommandMenu
+
+Reusable command menu component.
+
+- Mount: `data-component="CommandMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConfirmationDialog
+
+Reusable confirmation dialog component.
+
+- Mount: `data-component="ConfirmationDialog"`
+- 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`
+
+### ContextMenu
+
+Reusable context menu component.
+
+- Mount: `data-component="ContextMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookiePreferencesDialog
+
+Reusable cookie preferences dialog component.
+
+- Mount: `data-component="CookiePreferencesDialog"`
+- 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`
+
+### DeleteConfirmationDialog
+
+Reusable delete confirmation dialog component.
+
+- Mount: `data-component="DeleteConfirmationDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DevelopersMenu
+
+Reusable developers menu component.
+
+- Mount: `data-component="DevelopersMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DropdownMenu
+
+Reusable dropdown menu component.
+
+- Mount: `data-component="DropdownMenu"`
+- Props: `label: string = "Menu"`
+- Slots: `default`
+- Events: `click`
+
+### FilterMenu
+
+Reusable filter menu component.
+
+- Mount: `data-component="FilterMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormDialog
+
+Reusable form dialog component.
+
+- Mount: `data-component="FormDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FullscreenDialog
+
+Reusable fullscreen dialog component.
+
+- Mount: `data-component="FullscreenDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImagePreviewDialog
+
+Reusable image preview dialog component.
+
+- Mount: `data-component="ImagePreviewDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Lightbox
+
+Reusable lightbox component.
+
+- Mount: `data-component="Lightbox"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogoutDialog
+
+Reusable logout dialog component.
+
+- Mount: `data-component="LogoutDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MegaMenu
+
+Reusable mega menu component.
+
+- Mount: `data-component="MegaMenu"`
+- Props: `label: string = "Explore"`, `sections: string = []`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### NavigationMegaMenu
+
+Reusable navigation mega menu component.
+
+- Mount: `data-component="NavigationMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Popover
+
+Reusable popover component.
+
+- Mount: `data-component="Popover"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductsMegaMenu
+
+Reusable products mega menu component.
+
+- Mount: `data-component="ProductsMegaMenu"`
+- Props: `label: string = "Products"`, `sections: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### PromptDialog
+
+Reusable prompt dialog component.
+
+- Mount: `data-component="PromptDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourcesMegaMenu
+
+Reusable resources mega menu component.
+
+- Mount: `data-component="ResourcesMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchDialog
+
+Reusable search dialog component.
+
+- Mount: `data-component="SearchDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecretRevealDialog
+
+Reusable secret reveal dialog component.
+
+- Mount: `data-component="SecretRevealDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SessionExpiredDialog
+
+Reusable session expired dialog component.
+
+- Mount: `data-component="SessionExpiredDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionsMegaMenu
+
+Reusable solutions mega menu component.
+
+- Mount: `data-component="SolutionsMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StepUpAuthenticationDialog
+
+Reusable step up authentication dialog component.
+
+- Mount: `data-component="StepUpAuthenticationDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TestMessageDialog
+
+Reusable test message dialog component.
+
+- Mount: `data-component="TestMessageDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnsavedChangesDialog
+
+Reusable unsaved changes dialog component.
+
+- Mount: `data-component="UnsavedChangesDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoPreviewDialog
+
+Reusable video preview dialog component.
+
+- Mount: `data-component="VideoPreviewDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Visualization
+
+### AreaChart
+
+Reusable area chart component.
+
+- Mount: `data-component="AreaChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BarChart
+
+Reusable bar chart component.
+
+- Mount: `data-component="BarChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignProgress
+
+Reusable campaign progress component.
+
+- Mount: `data-component="CampaignProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelComparisonChart
+
+Reusable channel comparison chart component.
+
+- Mount: `data-component="ChannelComparisonChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelFallbackDiagram
+
+Reusable channel fallback diagram component.
+
+- Mount: `data-component="ChannelFallbackDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelFlow
+
+Reusable channel flow component.
+
+- Mount: `data-component="ChannelFlow"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChecklistProgress
+
+Reusable checklist progress component.
+
+- Mount: `data-component="ChecklistProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CircularProgress
+
+Reusable circular progress component.
+
+- Mount: `data-component="CircularProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CohortChart
+
+Reusable cohort chart component.
+
+- Mount: `data-component="CohortChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompletionMeter
+
+Reusable completion meter component.
+
+- Mount: `data-component="CompletionMeter"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversionChart
+
+Reusable conversion chart component.
+
+- Mount: `data-component="ConversionChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CostBreakdownChart
+
+Reusable cost breakdown chart component.
+
+- Mount: `data-component="CostBreakdownChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryStatusChart
+
+Reusable delivery status chart component.
+
+- Mount: `data-component="DeliveryStatusChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryStatusTimeline
+
+Reusable delivery status timeline component.
+
+- Mount: `data-component="DeliveryStatusTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DonutChart
+
+Reusable donut chart component.
+
+- Mount: `data-component="DonutChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EncryptionDiagram
+
+Reusable encryption diagram component.
+
+- Mount: `data-component="EncryptionDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExportProgress
+
+Reusable export progress component.
+
+- Mount: `data-component="ExportProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FallbackRouteDiagram
+
+Reusable fallback route diagram component.
+
+- Mount: `data-component="FallbackRouteDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureTimeline
+
+Reusable feature timeline component.
+
+- Mount: `data-component="FeatureTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormProgress
+
+Reusable form progress component.
+
+- Mount: `data-component="FormProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FunnelChart
+
+Reusable funnel chart component.
+
+- Mount: `data-component="FunnelChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GeoChart
+
+Reusable geo chart component.
+
+- Mount: `data-component="GeoChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImportProgress
+
+Reusable import progress component.
+
+- Mount: `data-component="ImportProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentResponseFlow
+
+Reusable incident response flow component.
+
+- Mount: `data-component="IncidentResponseFlow"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentTimeline
+
+Reusable incident timeline component.
+
+- Mount: `data-component="IncidentTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JobProgress
+
+Reusable job progress component.
+
+- Mount: `data-component="JobProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LatencyMetric
+
+Reusable latency metric component.
+
+- Mount: `data-component="LatencyMetric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LineChart
+
+Reusable line chart component.
+
+- Mount: `data-component="LineChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Metric
+
+Reusable metric component.
+
+- Mount: `data-component="Metric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OnboardingProgress
+
+Reusable onboarding progress component.
+
+- Mount: `data-component="OnboardingProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasswordStrengthMeter
+
+Reusable password strength meter component.
+
+- Mount: `data-component="PasswordStrengthMeter"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PieChart
+
+Reusable pie chart component.
+
+- Mount: `data-component="PieChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductArchitectureDiagram
+
+Reusable product architecture diagram component.
+
+- Mount: `data-component="ProductArchitectureDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressChart
+
+Reusable progress chart component.
+
+- Mount: `data-component="ProgressChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressRing
+
+Reusable progress ring component.
+
+- Mount: `data-component="ProgressRing"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RevenueChart
+
+Reusable revenue chart component.
+
+- Mount: `data-component="RevenueChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmartRouteDiagram
+
+Reusable smart route diagram component.
+
+- Mount: `data-component="SmartRouteDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TenantIsolationDiagram
+
+Reusable tenant isolation diagram component.
+
+- Mount: `data-component="TenantIsolationDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Timeline
+
+Reusable timeline component.
+
+- Mount: `data-component="Timeline"`
+- Props: `title: string = "Timeline"`
+- Slots: `default`
+- Events: None
+
+### TimelineChart
+
+Reusable timeline chart component.
+
+- Mount: `data-component="TimelineChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ToastProgress
+
+Reusable toast progress component.
+
+- Mount: `data-component="ToastProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadProgress
+
+Reusable upload progress component.
+
+- Mount: `data-component="UploadProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UptimeChart
+
+Reusable uptime chart component.
+
+- Mount: `data-component="UptimeChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UptimeMetric
+
+Reusable uptime metric component.
+
+- Mount: `data-component="UptimeMetric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookFlowDiagram
+
+Reusable webhook flow diagram component.
+
+- Mount: `data-component="WebhookFlowDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkflowProgress
+
+Reusable workflow progress component.
+
+- Mount: `data-component="WorkflowProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
diff --git a/.publish/ui/README.md b/.publish/ui/README.md
index 89103b30..cf510702 100644
--- a/.publish/ui/README.md
+++ b/.publish/ui/README.md
@@ -15,6 +15,11 @@ driven by `var(--wire-*)` theme tokens, so components restyle instantly when the
 theme changes. The tiny JS surface (`src/index.ts`) exists only so the toolchain
 (CLI build + dev server) can locate the component directory and stylesheet.
 
+The complete PDF-aligned catalog currently contains **891 components**. The
+generated `COMPONENTS.md` and `component-reference.json` files document every
+mount name, prop, inferred type, default/required status, slot, event, category,
+and source file directly from the packaged `.wrn` source.
+
 ## Installation
 
 ```bash
@@ -81,6 +86,9 @@ metadata is emitted in `<head>` instead of invalid component markup.
 The authoritative, always-current list is `uiComponentNames()` (below), which reads
 the component directory at runtime.
 
+For the full catalog, see [`COMPONENTS.md`](./COMPONENTS.md). The machine-readable
+equivalent is exported as `@wrnexus/ui/component-reference.json`.
+
 ## API
 
 The JS module (`@wrnexus/ui`) exposes four helpers used by the build tooling to
diff --git a/.publish/ui/component-catalog.json b/.publish/ui/component-catalog.json
new file mode 100644
index 00000000..ce5051a0
--- /dev/null
+++ b/.publish/ui/component-catalog.json
@@ -0,0 +1,4178 @@
+{
+  "sourceDocuments": [
+    "WRNexus Essential Component Inventory v1.0",
+    "WRNexus Public SaaS Component System Checklist v1.0"
+  ],
+  "components": [
+    {
+      "name": "AcceptAllCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable accept all cookies button component."
+    },
+    {
+      "name": "AccessibleAccordion",
+      "category": "content",
+      "purpose": "Reusable accessible accordion component."
+    },
+    {
+      "name": "AccessibleCarousel",
+      "category": "content",
+      "purpose": "Reusable accessible carousel component."
+    },
+    {
+      "name": "AccessibleChartSummary",
+      "category": "content",
+      "purpose": "Reusable accessible chart summary component."
+    },
+    {
+      "name": "AccessibleDialog",
+      "category": "overlays",
+      "purpose": "Reusable accessible dialog component."
+    },
+    {
+      "name": "AccessibleErrorSummary",
+      "category": "content",
+      "purpose": "Reusable accessible error summary component."
+    },
+    {
+      "name": "AccessibleIcon",
+      "category": "content",
+      "purpose": "Reusable accessible icon component."
+    },
+    {
+      "name": "AccessibleMenu",
+      "category": "overlays",
+      "purpose": "Reusable accessible menu component."
+    },
+    {
+      "name": "AccessibleTabs",
+      "category": "content",
+      "purpose": "Reusable accessible tabs component."
+    },
+    {
+      "name": "AccessibleTooltip",
+      "category": "content",
+      "purpose": "Reusable accessible tooltip component."
+    },
+    {
+      "name": "Accordion",
+      "category": "content",
+      "purpose": "Reusable accordion component."
+    },
+    {
+      "name": "AccountMenu",
+      "category": "overlays",
+      "purpose": "Reusable account menu component."
+    },
+    {
+      "name": "AccountStatusBanner",
+      "category": "feedback",
+      "purpose": "Reusable account status banner component."
+    },
+    {
+      "name": "ActionMenu",
+      "category": "overlays",
+      "purpose": "Reusable action menu component."
+    },
+    {
+      "name": "ActiveFilterList",
+      "category": "data",
+      "purpose": "Reusable active filter list component."
+    },
+    {
+      "name": "ActivityList",
+      "category": "data",
+      "purpose": "Reusable activity list component."
+    },
+    {
+      "name": "AddOnCard",
+      "category": "content",
+      "purpose": "Reusable add on card component."
+    },
+    {
+      "name": "AddressInput",
+      "category": "forms",
+      "purpose": "Reusable address input component."
+    },
+    {
+      "name": "AddressPreview",
+      "category": "content",
+      "purpose": "Reusable address preview component."
+    },
+    {
+      "name": "AdvancedFilterBuilder",
+      "category": "content",
+      "purpose": "Reusable advanced filter builder component."
+    },
+    {
+      "name": "Alert",
+      "category": "feedback",
+      "purpose": "Reusable alert component."
+    },
+    {
+      "name": "AlertDialog",
+      "category": "overlays",
+      "purpose": "Reusable alert dialog component."
+    },
+    {
+      "name": "AmountInput",
+      "category": "forms",
+      "purpose": "Reusable amount input component."
+    },
+    {
+      "name": "AnalyticsDashboardPreview",
+      "category": "content",
+      "purpose": "Reusable analytics dashboard preview component."
+    },
+    {
+      "name": "AnchorNavigation",
+      "category": "layout",
+      "purpose": "Reusable anchor navigation component."
+    },
+    {
+      "name": "ApartmentInput",
+      "category": "forms",
+      "purpose": "Reusable apartment input component."
+    },
+    {
+      "name": "ApiAuthenticationNotice",
+      "category": "feedback",
+      "purpose": "Reusable api authentication notice component."
+    },
+    {
+      "name": "ApiEndpointCard",
+      "category": "content",
+      "purpose": "Reusable api endpoint card component."
+    },
+    {
+      "name": "ApiErrorExample",
+      "category": "content",
+      "purpose": "Reusable api error example component."
+    },
+    {
+      "name": "ApiHeaderTable",
+      "category": "data",
+      "purpose": "Reusable api header table component."
+    },
+    {
+      "name": "ApiKeyCreateDialog",
+      "category": "overlays",
+      "purpose": "Reusable api key create dialog component."
+    },
+    {
+      "name": "ApiKeyDisplay",
+      "category": "content",
+      "purpose": "Reusable api key display component."
+    },
+    {
+      "name": "ApiKeyInput",
+      "category": "forms",
+      "purpose": "Reusable api key input component."
+    },
+    {
+      "name": "ApiMethodBadge",
+      "category": "feedback",
+      "purpose": "Reusable api method badge component."
+    },
+    {
+      "name": "ApiParameterTable",
+      "category": "data",
+      "purpose": "Reusable api parameter table component."
+    },
+    {
+      "name": "ApiRateLimitNotice",
+      "category": "feedback",
+      "purpose": "Reusable api rate limit notice component."
+    },
+    {
+      "name": "ApiRequestExample",
+      "category": "content",
+      "purpose": "Reusable api request example component."
+    },
+    {
+      "name": "ApiResponseExample",
+      "category": "content",
+      "purpose": "Reusable api response example component."
+    },
+    {
+      "name": "ApiSchemaTable",
+      "category": "data",
+      "purpose": "Reusable api schema table component."
+    },
+    {
+      "name": "ApiSchemaViewer",
+      "category": "content",
+      "purpose": "Reusable api schema viewer component."
+    },
+    {
+      "name": "ApiVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable api version badge component."
+    },
+    {
+      "name": "AppHeader",
+      "category": "layout",
+      "purpose": "Reusable app header component."
+    },
+    {
+      "name": "ArchitectureSection",
+      "category": "layout",
+      "purpose": "Reusable architecture section component."
+    },
+    {
+      "name": "AreaChart",
+      "category": "visualization",
+      "purpose": "Reusable area chart component."
+    },
+    {
+      "name": "ArticleHero",
+      "category": "layout",
+      "purpose": "Reusable article hero component."
+    },
+    {
+      "name": "ArticleLayout",
+      "category": "layout",
+      "purpose": "Reusable article layout component."
+    },
+    {
+      "name": "ArticleNewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable article newsletter c t a component."
+    },
+    {
+      "name": "ArticlePageShell",
+      "category": "layout",
+      "purpose": "Reusable article page shell component."
+    },
+    {
+      "name": "ArticleShareActions",
+      "category": "actions",
+      "purpose": "Reusable article share actions component."
+    },
+    {
+      "name": "AssetCard",
+      "category": "content",
+      "purpose": "Reusable asset card component."
+    },
+    {
+      "name": "AttachmentPicker",
+      "category": "forms",
+      "purpose": "Reusable attachment picker component."
+    },
+    {
+      "name": "AttachmentUpload",
+      "category": "content",
+      "purpose": "Reusable attachment upload component."
+    },
+    {
+      "name": "AudioUpload",
+      "category": "content",
+      "purpose": "Reusable audio upload component."
+    },
+    {
+      "name": "AuditLogPreview",
+      "category": "content",
+      "purpose": "Reusable audit log preview component."
+    },
+    {
+      "name": "AuditTable",
+      "category": "data",
+      "purpose": "Reusable audit table component."
+    },
+    {
+      "name": "AuthenticatorCodeInput",
+      "category": "forms",
+      "purpose": "Reusable authenticator code input component."
+    },
+    {
+      "name": "AuthorAvatar",
+      "category": "content",
+      "purpose": "Reusable author avatar component."
+    },
+    {
+      "name": "AuthorCard",
+      "category": "content",
+      "purpose": "Reusable author card component."
+    },
+    {
+      "name": "AuthorizedApplicationCard",
+      "category": "content",
+      "purpose": "Reusable authorized application card component."
+    },
+    {
+      "name": "AutoGrid",
+      "category": "data",
+      "purpose": "Reusable auto grid component."
+    },
+    {
+      "name": "AutomationExampleCard",
+      "category": "content",
+      "purpose": "Reusable automation example card component."
+    },
+    {
+      "name": "AvailabilityCalendar",
+      "category": "content",
+      "purpose": "Reusable availability calendar component."
+    },
+    {
+      "name": "Avatar",
+      "category": "content",
+      "purpose": "Reusable avatar component."
+    },
+    {
+      "name": "AvatarGroup",
+      "category": "forms",
+      "purpose": "Reusable avatar group component."
+    },
+    {
+      "name": "AvatarUpload",
+      "category": "content",
+      "purpose": "Reusable avatar upload component."
+    },
+    {
+      "name": "BackButton",
+      "category": "actions",
+      "purpose": "Reusable back button component."
+    },
+    {
+      "name": "Badge",
+      "category": "feedback",
+      "purpose": "Reusable badge component."
+    },
+    {
+      "name": "BankTransferDetails",
+      "category": "content",
+      "purpose": "Reusable bank transfer details component."
+    },
+    {
+      "name": "Banner",
+      "category": "feedback",
+      "purpose": "Reusable banner component."
+    },
+    {
+      "name": "BarChart",
+      "category": "visualization",
+      "purpose": "Reusable bar chart component."
+    },
+    {
+      "name": "BetaBadge",
+      "category": "feedback",
+      "purpose": "Reusable beta badge component."
+    },
+    {
+      "name": "BillingAddressForm",
+      "category": "content",
+      "purpose": "Reusable billing address form component."
+    },
+    {
+      "name": "BillingExample",
+      "category": "content",
+      "purpose": "Reusable billing example component."
+    },
+    {
+      "name": "BillingPeriodToggle",
+      "category": "forms",
+      "purpose": "Reusable billing period toggle component."
+    },
+    {
+      "name": "BlackoutDatePicker",
+      "category": "forms",
+      "purpose": "Reusable blackout date picker component."
+    },
+    {
+      "name": "BlogCard",
+      "category": "content",
+      "purpose": "Reusable blog card component."
+    },
+    {
+      "name": "BlogGrid",
+      "category": "data",
+      "purpose": "Reusable blog grid component."
+    },
+    {
+      "name": "BlogList",
+      "category": "data",
+      "purpose": "Reusable blog list component."
+    },
+    {
+      "name": "BlogSearch",
+      "category": "content",
+      "purpose": "Reusable blog search component."
+    },
+    {
+      "name": "BodyText",
+      "category": "content",
+      "purpose": "Reusable body text component."
+    },
+    {
+      "name": "BorderRadiusPicker",
+      "category": "forms",
+      "purpose": "Reusable border radius picker component."
+    },
+    {
+      "name": "BottomNavigation",
+      "category": "layout",
+      "purpose": "Reusable bottom navigation component."
+    },
+    {
+      "name": "BrandColorPicker",
+      "category": "forms",
+      "purpose": "Reusable brand color picker component."
+    },
+    {
+      "name": "BrandSelector",
+      "category": "forms",
+      "purpose": "Reusable brand selector component."
+    },
+    {
+      "name": "BrowserFrame",
+      "category": "layout",
+      "purpose": "Reusable browser frame component."
+    },
+    {
+      "name": "BudgetRangeSlider",
+      "category": "content",
+      "purpose": "Reusable budget range slider component."
+    },
+    {
+      "name": "BudgetSelector",
+      "category": "forms",
+      "purpose": "Reusable budget selector component."
+    },
+    {
+      "name": "BusinessHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable business hours picker component."
+    },
+    {
+      "name": "Button",
+      "category": "actions",
+      "purpose": "Reusable button component."
+    },
+    {
+      "name": "ButtonGroup",
+      "category": "forms",
+      "purpose": "Reusable button group component."
+    },
+    {
+      "name": "ButtonSelector",
+      "category": "forms",
+      "purpose": "Reusable button selector component."
+    },
+    {
+      "name": "CTASection",
+      "category": "layout",
+      "purpose": "Reusable c t a section component."
+    },
+    {
+      "name": "Calendar",
+      "category": "content",
+      "purpose": "Reusable calendar component."
+    },
+    {
+      "name": "CalendarGrid",
+      "category": "data",
+      "purpose": "Reusable calendar grid component."
+    },
+    {
+      "name": "CalendarHeader",
+      "category": "layout",
+      "purpose": "Reusable calendar header component."
+    },
+    {
+      "name": "CalendarNavigation",
+      "category": "layout",
+      "purpose": "Reusable calendar navigation component."
+    },
+    {
+      "name": "CallbackUrlInput",
+      "category": "forms",
+      "purpose": "Reusable callback url input component."
+    },
+    {
+      "name": "CampaignCard",
+      "category": "content",
+      "purpose": "Reusable campaign card component."
+    },
+    {
+      "name": "CampaignPerformancePreview",
+      "category": "content",
+      "purpose": "Reusable campaign performance preview component."
+    },
+    {
+      "name": "CampaignProgress",
+      "category": "visualization",
+      "purpose": "Reusable campaign progress component."
+    },
+    {
+      "name": "CapabilityGrid",
+      "category": "data",
+      "purpose": "Reusable capability grid component."
+    },
+    {
+      "name": "CaptchaField",
+      "category": "forms",
+      "purpose": "Reusable captcha field component."
+    },
+    {
+      "name": "Card",
+      "category": "content",
+      "purpose": "Reusable card component."
+    },
+    {
+      "name": "CardPaymentForm",
+      "category": "content",
+      "purpose": "Reusable card payment form component."
+    },
+    {
+      "name": "CardSelector",
+      "category": "forms",
+      "purpose": "Reusable card selector component."
+    },
+    {
+      "name": "CardSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable card skeleton component."
+    },
+    {
+      "name": "CareerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable career application form component."
+    },
+    {
+      "name": "CareerBenefitsGrid",
+      "category": "data",
+      "purpose": "Reusable career benefits grid component."
+    },
+    {
+      "name": "Carousel",
+      "category": "content",
+      "purpose": "Reusable carousel component."
+    },
+    {
+      "name": "CaseStudyCard",
+      "category": "content",
+      "purpose": "Reusable case study card component."
+    },
+    {
+      "name": "CaseStudyHero",
+      "category": "layout",
+      "purpose": "Reusable case study hero component."
+    },
+    {
+      "name": "CaseStudyPreview",
+      "category": "content",
+      "purpose": "Reusable case study preview component."
+    },
+    {
+      "name": "CenteredCTA",
+      "category": "actions",
+      "purpose": "Reusable centered c t a component."
+    },
+    {
+      "name": "CenteredHero",
+      "category": "layout",
+      "purpose": "Reusable centered hero component."
+    },
+    {
+      "name": "CenteredSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable centered section header component."
+    },
+    {
+      "name": "CertificateUpload",
+      "category": "content",
+      "purpose": "Reusable certificate upload component."
+    },
+    {
+      "name": "CertificationBadge",
+      "category": "feedback",
+      "purpose": "Reusable certification badge component."
+    },
+    {
+      "name": "ChallengeSection",
+      "category": "layout",
+      "purpose": "Reusable challenge section component."
+    },
+    {
+      "name": "ChannelBadge",
+      "category": "feedback",
+      "purpose": "Reusable channel badge component."
+    },
+    {
+      "name": "ChannelCard",
+      "category": "content",
+      "purpose": "Reusable channel card component."
+    },
+    {
+      "name": "ChannelComparisonChart",
+      "category": "visualization",
+      "purpose": "Reusable channel comparison chart component."
+    },
+    {
+      "name": "ChannelComparisonTable",
+      "category": "data",
+      "purpose": "Reusable channel comparison table component."
+    },
+    {
+      "name": "ChannelFallbackDiagram",
+      "category": "visualization",
+      "purpose": "Reusable channel fallback diagram component."
+    },
+    {
+      "name": "ChannelFlow",
+      "category": "visualization",
+      "purpose": "Reusable channel flow component."
+    },
+    {
+      "name": "ChannelIcon",
+      "category": "content",
+      "purpose": "Reusable channel icon component."
+    },
+    {
+      "name": "ChannelRateTable",
+      "category": "data",
+      "purpose": "Reusable channel rate table component."
+    },
+    {
+      "name": "ChannelSelector",
+      "category": "forms",
+      "purpose": "Reusable channel selector component."
+    },
+    {
+      "name": "CharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable character counter component."
+    },
+    {
+      "name": "ChartEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable chart empty state component."
+    },
+    {
+      "name": "ChartTooltip",
+      "category": "content",
+      "purpose": "Reusable chart tooltip component."
+    },
+    {
+      "name": "CheckboxGroup",
+      "category": "forms",
+      "purpose": "Reusable checkbox group component."
+    },
+    {
+      "name": "Checklist",
+      "category": "content",
+      "purpose": "Reusable checklist component."
+    },
+    {
+      "name": "ChecklistProgress",
+      "category": "visualization",
+      "purpose": "Reusable checklist progress component."
+    },
+    {
+      "name": "ChipInput",
+      "category": "forms",
+      "purpose": "Reusable chip input component."
+    },
+    {
+      "name": "CircularProgress",
+      "category": "visualization",
+      "purpose": "Reusable circular progress component."
+    },
+    {
+      "name": "CitySelector",
+      "category": "forms",
+      "purpose": "Reusable city selector component."
+    },
+    {
+      "name": "ClearFiltersButton",
+      "category": "actions",
+      "purpose": "Reusable clear filters button component."
+    },
+    {
+      "name": "ClickableCard",
+      "category": "content",
+      "purpose": "Reusable clickable card component."
+    },
+    {
+      "name": "CloseButton",
+      "category": "actions",
+      "purpose": "Reusable close button component."
+    },
+    {
+      "name": "Code",
+      "category": "content",
+      "purpose": "Reusable code component."
+    },
+    {
+      "name": "CodeBlock",
+      "category": "content",
+      "purpose": "Reusable code block component."
+    },
+    {
+      "name": "CodeCopyButton",
+      "category": "actions",
+      "purpose": "Reusable code copy button component."
+    },
+    {
+      "name": "CodeHeader",
+      "category": "layout",
+      "purpose": "Reusable code header component."
+    },
+    {
+      "name": "CodeInput",
+      "category": "forms",
+      "purpose": "Reusable code input component."
+    },
+    {
+      "name": "CodeLanguageBadge",
+      "category": "feedback",
+      "purpose": "Reusable code language badge component."
+    },
+    {
+      "name": "CodeTabs",
+      "category": "content",
+      "purpose": "Reusable code tabs component."
+    },
+    {
+      "name": "CodeText",
+      "category": "content",
+      "purpose": "Reusable code text component."
+    },
+    {
+      "name": "CohortChart",
+      "category": "visualization",
+      "purpose": "Reusable cohort chart component."
+    },
+    {
+      "name": "ColorGrid",
+      "category": "data",
+      "purpose": "Reusable color grid component."
+    },
+    {
+      "name": "ColorHexInput",
+      "category": "forms",
+      "purpose": "Reusable color hex input component."
+    },
+    {
+      "name": "ColorPicker",
+      "category": "forms",
+      "purpose": "Reusable color picker component."
+    },
+    {
+      "name": "ColorSelector",
+      "category": "forms",
+      "purpose": "Reusable color selector component."
+    },
+    {
+      "name": "ColorSwatch",
+      "category": "content",
+      "purpose": "Reusable color swatch component."
+    },
+    {
+      "name": "ComingSoonBadge",
+      "category": "feedback",
+      "purpose": "Reusable coming soon badge component."
+    },
+    {
+      "name": "ComingSoonState",
+      "category": "feedback",
+      "purpose": "Reusable coming soon state component."
+    },
+    {
+      "name": "CommandBlock",
+      "category": "content",
+      "purpose": "Reusable command block component."
+    },
+    {
+      "name": "CommandMenu",
+      "category": "overlays",
+      "purpose": "Reusable command menu component."
+    },
+    {
+      "name": "CommandSearchInput",
+      "category": "forms",
+      "purpose": "Reusable command search input component."
+    },
+    {
+      "name": "CompanyHero",
+      "category": "layout",
+      "purpose": "Reusable company hero component."
+    },
+    {
+      "name": "CompanyNameInput",
+      "category": "forms",
+      "purpose": "Reusable company name input component."
+    },
+    {
+      "name": "CompanyPageShell",
+      "category": "layout",
+      "purpose": "Reusable company page shell component."
+    },
+    {
+      "name": "CompanySizeSelector",
+      "category": "forms",
+      "purpose": "Reusable company size selector component."
+    },
+    {
+      "name": "ComparisonDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable comparison date range picker component."
+    },
+    {
+      "name": "ComparisonTable",
+      "category": "data",
+      "purpose": "Reusable comparison table component."
+    },
+    {
+      "name": "CompletionMeter",
+      "category": "visualization",
+      "purpose": "Reusable completion meter component."
+    },
+    {
+      "name": "ComplianceBadgeList",
+      "category": "data",
+      "purpose": "Reusable compliance badge list component."
+    },
+    {
+      "name": "ComplianceProgramCard",
+      "category": "content",
+      "purpose": "Reusable compliance program card component."
+    },
+    {
+      "name": "ConfirmPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable confirm password input component."
+    },
+    {
+      "name": "ConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable confirmation dialog component."
+    },
+    {
+      "name": "ConnectedAccountCard",
+      "category": "content",
+      "purpose": "Reusable connected account card component."
+    },
+    {
+      "name": "ConnectionCard",
+      "category": "content",
+      "purpose": "Reusable connection card component."
+    },
+    {
+      "name": "ConsentTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable consent timeline preview component."
+    },
+    {
+      "name": "ContactCTA",
+      "category": "actions",
+      "purpose": "Reusable contact c t a component."
+    },
+    {
+      "name": "ContactCard",
+      "category": "content",
+      "purpose": "Reusable contact card component."
+    },
+    {
+      "name": "ContactForm",
+      "category": "content",
+      "purpose": "Reusable contact form component."
+    },
+    {
+      "name": "ContactHero",
+      "category": "layout",
+      "purpose": "Reusable contact hero component."
+    },
+    {
+      "name": "ContactPageShell",
+      "category": "layout",
+      "purpose": "Reusable contact page shell component."
+    },
+    {
+      "name": "ContactSalesButton",
+      "category": "actions",
+      "purpose": "Reusable contact sales button component."
+    },
+    {
+      "name": "ContactSalesForm",
+      "category": "content",
+      "purpose": "Reusable contact sales form component."
+    },
+    {
+      "name": "ContextMenu",
+      "category": "overlays",
+      "purpose": "Reusable context menu component."
+    },
+    {
+      "name": "ContextSwitcher",
+      "category": "content",
+      "purpose": "Reusable context switcher component."
+    },
+    {
+      "name": "ConversationList",
+      "category": "data",
+      "purpose": "Reusable conversation list component."
+    },
+    {
+      "name": "ConversationPreview",
+      "category": "content",
+      "purpose": "Reusable conversation preview component."
+    },
+    {
+      "name": "ConversionChart",
+      "category": "visualization",
+      "purpose": "Reusable conversion chart component."
+    },
+    {
+      "name": "CookieBanner",
+      "category": "feedback",
+      "purpose": "Reusable cookie banner component."
+    },
+    {
+      "name": "CookieCategoryList",
+      "category": "data",
+      "purpose": "Reusable cookie category list component."
+    },
+    {
+      "name": "CookieCategoryToggle",
+      "category": "forms",
+      "purpose": "Reusable cookie category toggle component."
+    },
+    {
+      "name": "CookieDetailsTable",
+      "category": "data",
+      "purpose": "Reusable cookie details table component."
+    },
+    {
+      "name": "CookiePreferencesDialog",
+      "category": "overlays",
+      "purpose": "Reusable cookie preferences dialog component."
+    },
+    {
+      "name": "CookieTable",
+      "category": "data",
+      "purpose": "Reusable cookie table component."
+    },
+    {
+      "name": "CoordinatesInput",
+      "category": "forms",
+      "purpose": "Reusable coordinates input component."
+    },
+    {
+      "name": "CoordinatesPicker",
+      "category": "forms",
+      "purpose": "Reusable coordinates picker component."
+    },
+    {
+      "name": "CopyButton",
+      "category": "actions",
+      "purpose": "Reusable copy button component."
+    },
+    {
+      "name": "CopyCodeButton",
+      "category": "actions",
+      "purpose": "Reusable copy code button component."
+    },
+    {
+      "name": "CopySecretField",
+      "category": "forms",
+      "purpose": "Reusable copy secret field component."
+    },
+    {
+      "name": "CostBreakdownChart",
+      "category": "visualization",
+      "purpose": "Reusable cost breakdown chart component."
+    },
+    {
+      "name": "CostSummary",
+      "category": "content",
+      "purpose": "Reusable cost summary component."
+    },
+    {
+      "name": "Counter",
+      "category": "feedback",
+      "purpose": "Reusable counter component."
+    },
+    {
+      "name": "CountryCallingCodeInput",
+      "category": "forms",
+      "purpose": "Reusable country calling code input component."
+    },
+    {
+      "name": "CountryCallingCodeSelector",
+      "category": "forms",
+      "purpose": "Reusable country calling code selector component."
+    },
+    {
+      "name": "CountrySelector",
+      "category": "forms",
+      "purpose": "Reusable country selector component."
+    },
+    {
+      "name": "CouponInput",
+      "category": "forms",
+      "purpose": "Reusable coupon input component."
+    },
+    {
+      "name": "CreditAmountInput",
+      "category": "forms",
+      "purpose": "Reusable credit amount input component."
+    },
+    {
+      "name": "CronBuilder",
+      "category": "content",
+      "purpose": "Reusable cron builder component."
+    },
+    {
+      "name": "CronInput",
+      "category": "forms",
+      "purpose": "Reusable cron input component."
+    },
+    {
+      "name": "CsvUpload",
+      "category": "content",
+      "purpose": "Reusable csv upload component."
+    },
+    {
+      "name": "CurrencyInput",
+      "category": "forms",
+      "purpose": "Reusable currency input component."
+    },
+    {
+      "name": "CurrencySelector",
+      "category": "forms",
+      "purpose": "Reusable currency selector component."
+    },
+    {
+      "name": "CurrentPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable current password input component."
+    },
+    {
+      "name": "CustomerLogo",
+      "category": "content",
+      "purpose": "Reusable customer logo component."
+    },
+    {
+      "name": "CustomerStoryCard",
+      "category": "content",
+      "purpose": "Reusable customer story card component."
+    },
+    {
+      "name": "DangerButton",
+      "category": "actions",
+      "purpose": "Reusable danger button component."
+    },
+    {
+      "name": "DataProtectionCard",
+      "category": "content",
+      "purpose": "Reusable data protection card component."
+    },
+    {
+      "name": "DataRetentionTable",
+      "category": "data",
+      "purpose": "Reusable data retention table component."
+    },
+    {
+      "name": "DataTable",
+      "category": "data",
+      "purpose": "Reusable data table component."
+    },
+    {
+      "name": "DateInput",
+      "category": "forms",
+      "purpose": "Reusable date input component."
+    },
+    {
+      "name": "DatePicker",
+      "category": "forms",
+      "purpose": "Reusable date picker component."
+    },
+    {
+      "name": "DateRangeCalendar",
+      "category": "content",
+      "purpose": "Reusable date range calendar component."
+    },
+    {
+      "name": "DateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date range picker component."
+    },
+    {
+      "name": "DateRangeSlider",
+      "category": "content",
+      "purpose": "Reusable date range slider component."
+    },
+    {
+      "name": "DateTimeInput",
+      "category": "forms",
+      "purpose": "Reusable date time input component."
+    },
+    {
+      "name": "DateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable date time picker component."
+    },
+    {
+      "name": "DateTimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date time range picker component."
+    },
+    {
+      "name": "DecimalInput",
+      "category": "forms",
+      "purpose": "Reusable decimal input component."
+    },
+    {
+      "name": "DefinitionList",
+      "category": "data",
+      "purpose": "Reusable definition list component."
+    },
+    {
+      "name": "DeleteConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable delete confirmation dialog component."
+    },
+    {
+      "name": "DeliveryPreview",
+      "category": "content",
+      "purpose": "Reusable delivery preview component."
+    },
+    {
+      "name": "DeliveryStatusChart",
+      "category": "visualization",
+      "purpose": "Reusable delivery status chart component."
+    },
+    {
+      "name": "DeliveryStatusTimeline",
+      "category": "visualization",
+      "purpose": "Reusable delivery status timeline component."
+    },
+    {
+      "name": "DemoRequestForm",
+      "category": "content",
+      "purpose": "Reusable demo request form component."
+    },
+    {
+      "name": "DepartmentInput",
+      "category": "forms",
+      "purpose": "Reusable department input component."
+    },
+    {
+      "name": "DeprecatedFeatureAlert",
+      "category": "feedback",
+      "purpose": "Reusable deprecated feature alert component."
+    },
+    {
+      "name": "DescriptionList",
+      "category": "data",
+      "purpose": "Reusable description list component."
+    },
+    {
+      "name": "DesktopNavigation",
+      "category": "layout",
+      "purpose": "Reusable desktop navigation component."
+    },
+    {
+      "name": "DeveloperCTA",
+      "category": "actions",
+      "purpose": "Reusable developer c t a component."
+    },
+    {
+      "name": "DeveloperHero",
+      "category": "layout",
+      "purpose": "Reusable developer hero component."
+    },
+    {
+      "name": "DeveloperPageShell",
+      "category": "layout",
+      "purpose": "Reusable developer page shell component."
+    },
+    {
+      "name": "DeveloperSearch",
+      "category": "content",
+      "purpose": "Reusable developer search component."
+    },
+    {
+      "name": "DevelopersMenu",
+      "category": "overlays",
+      "purpose": "Reusable developers menu component."
+    },
+    {
+      "name": "DeviceCard",
+      "category": "content",
+      "purpose": "Reusable device card component."
+    },
+    {
+      "name": "DiscountInput",
+      "category": "forms",
+      "purpose": "Reusable discount input component."
+    },
+    {
+      "name": "DisplayNameInput",
+      "category": "forms",
+      "purpose": "Reusable display name input component."
+    },
+    {
+      "name": "DoNotSellLink",
+      "category": "actions",
+      "purpose": "Reusable do not sell link component."
+    },
+    {
+      "name": "DocumentPreview",
+      "category": "content",
+      "purpose": "Reusable document preview component."
+    },
+    {
+      "name": "DocumentUpload",
+      "category": "content",
+      "purpose": "Reusable document upload component."
+    },
+    {
+      "name": "DomainInput",
+      "category": "forms",
+      "purpose": "Reusable domain input component."
+    },
+    {
+      "name": "DonutChart",
+      "category": "visualization",
+      "purpose": "Reusable donut chart component."
+    },
+    {
+      "name": "DownloadAction",
+      "category": "actions",
+      "purpose": "Reusable download action component."
+    },
+    {
+      "name": "DownloadButton",
+      "category": "actions",
+      "purpose": "Reusable download button component."
+    },
+    {
+      "name": "DownloadGateForm",
+      "category": "content",
+      "purpose": "Reusable download gate form component."
+    },
+    {
+      "name": "DownloadPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable download policy button component."
+    },
+    {
+      "name": "DownloadResourceForm",
+      "category": "content",
+      "purpose": "Reusable download resource form component."
+    },
+    {
+      "name": "DropdownMenu",
+      "category": "overlays",
+      "purpose": "Reusable dropdown menu component."
+    },
+    {
+      "name": "DropdownNavigation",
+      "category": "layout",
+      "purpose": "Reusable dropdown navigation component."
+    },
+    {
+      "name": "DurationInput",
+      "category": "forms",
+      "purpose": "Reusable duration input component."
+    },
+    {
+      "name": "DurationPicker",
+      "category": "forms",
+      "purpose": "Reusable duration picker component."
+    },
+    {
+      "name": "DurationSlider",
+      "category": "content",
+      "purpose": "Reusable duration slider component."
+    },
+    {
+      "name": "ElevatedCard",
+      "category": "content",
+      "purpose": "Reusable elevated card component."
+    },
+    {
+      "name": "EmailBodyEditor",
+      "category": "forms",
+      "purpose": "Reusable email body editor component."
+    },
+    {
+      "name": "EmailComposer",
+      "category": "content",
+      "purpose": "Reusable email composer component."
+    },
+    {
+      "name": "EmailInput",
+      "category": "forms",
+      "purpose": "Reusable email input component."
+    },
+    {
+      "name": "EmojiPicker",
+      "category": "forms",
+      "purpose": "Reusable emoji picker component."
+    },
+    {
+      "name": "EmptyState",
+      "category": "feedback",
+      "purpose": "Reusable empty state component."
+    },
+    {
+      "name": "EncryptionDiagram",
+      "category": "visualization",
+      "purpose": "Reusable encryption diagram component."
+    },
+    {
+      "name": "EnterpriseCTA",
+      "category": "actions",
+      "purpose": "Reusable enterprise c t a component."
+    },
+    {
+      "name": "EnterpriseHero",
+      "category": "layout",
+      "purpose": "Reusable enterprise hero component."
+    },
+    {
+      "name": "EnterprisePricingCard",
+      "category": "content",
+      "purpose": "Reusable enterprise pricing card component."
+    },
+    {
+      "name": "EnvironmentSelector",
+      "category": "forms",
+      "purpose": "Reusable environment selector component."
+    },
+    {
+      "name": "EnvironmentSwitcher",
+      "category": "content",
+      "purpose": "Reusable environment switcher component."
+    },
+    {
+      "name": "ErrorActions",
+      "category": "actions",
+      "purpose": "Reusable error actions component."
+    },
+    {
+      "name": "ErrorCard",
+      "category": "content",
+      "purpose": "Reusable error card component."
+    },
+    {
+      "name": "ErrorCode",
+      "category": "content",
+      "purpose": "Reusable error code component."
+    },
+    {
+      "name": "ErrorHero",
+      "category": "layout",
+      "purpose": "Reusable error hero component."
+    },
+    {
+      "name": "ErrorIllustration",
+      "category": "content",
+      "purpose": "Reusable error illustration component."
+    },
+    {
+      "name": "ErrorPage",
+      "category": "content",
+      "purpose": "Reusable error page component."
+    },
+    {
+      "name": "ErrorPageShell",
+      "category": "layout",
+      "purpose": "Reusable error page shell component."
+    },
+    {
+      "name": "ErrorState",
+      "category": "feedback",
+      "purpose": "Reusable error state component."
+    },
+    {
+      "name": "ErrorSupportLink",
+      "category": "actions",
+      "purpose": "Reusable error support link component."
+    },
+    {
+      "name": "EstimatedCostSummary",
+      "category": "content",
+      "purpose": "Reusable estimated cost summary component."
+    },
+    {
+      "name": "EventTable",
+      "category": "data",
+      "purpose": "Reusable event table component."
+    },
+    {
+      "name": "ExpandableText",
+      "category": "content",
+      "purpose": "Reusable expandable text component."
+    },
+    {
+      "name": "ExpiryDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable expiry date time picker component."
+    },
+    {
+      "name": "ExportProgress",
+      "category": "visualization",
+      "purpose": "Reusable export progress component."
+    },
+    {
+      "name": "ExternalLink",
+      "category": "actions",
+      "purpose": "Reusable external link component."
+    },
+    {
+      "name": "EyebrowText",
+      "category": "content",
+      "purpose": "Reusable eyebrow text component."
+    },
+    {
+      "name": "FactorCard",
+      "category": "content",
+      "purpose": "Reusable factor card component."
+    },
+    {
+      "name": "FallbackRouteBuilder",
+      "category": "content",
+      "purpose": "Reusable fallback route builder component."
+    },
+    {
+      "name": "FallbackRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable fallback route diagram component."
+    },
+    {
+      "name": "FaviconUpload",
+      "category": "content",
+      "purpose": "Reusable favicon upload component."
+    },
+    {
+      "name": "FaxInput",
+      "category": "forms",
+      "purpose": "Reusable fax input component."
+    },
+    {
+      "name": "FeatureCard",
+      "category": "content",
+      "purpose": "Reusable feature card component."
+    },
+    {
+      "name": "FeatureChecklist",
+      "category": "content",
+      "purpose": "Reusable feature checklist component."
+    },
+    {
+      "name": "FeatureComparisonTable",
+      "category": "data",
+      "purpose": "Reusable feature comparison table component."
+    },
+    {
+      "name": "FeatureDetailsPanel",
+      "category": "layout",
+      "purpose": "Reusable feature details panel component."
+    },
+    {
+      "name": "FeatureGrid",
+      "category": "data",
+      "purpose": "Reusable feature grid component."
+    },
+    {
+      "name": "FeatureIconCard",
+      "category": "content",
+      "purpose": "Reusable feature icon card component."
+    },
+    {
+      "name": "FeatureList",
+      "category": "data",
+      "purpose": "Reusable feature list component."
+    },
+    {
+      "name": "FeatureTabs",
+      "category": "content",
+      "purpose": "Reusable feature tabs component."
+    },
+    {
+      "name": "FeatureTimeline",
+      "category": "visualization",
+      "purpose": "Reusable feature timeline component."
+    },
+    {
+      "name": "FeatureUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable feature unavailable state component."
+    },
+    {
+      "name": "FeaturedBlogCard",
+      "category": "content",
+      "purpose": "Reusable featured blog card component."
+    },
+    {
+      "name": "FieldActions",
+      "category": "actions",
+      "purpose": "Reusable field actions component."
+    },
+    {
+      "name": "FileInput",
+      "category": "forms",
+      "purpose": "Reusable file input component."
+    },
+    {
+      "name": "FileList",
+      "category": "data",
+      "purpose": "Reusable file list component."
+    },
+    {
+      "name": "FileSizeInput",
+      "category": "forms",
+      "purpose": "Reusable file size input component."
+    },
+    {
+      "name": "FileSizeLabel",
+      "category": "content",
+      "purpose": "Reusable file size label component."
+    },
+    {
+      "name": "FileTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable file type badge component."
+    },
+    {
+      "name": "FileUpload",
+      "category": "content",
+      "purpose": "Reusable file upload component."
+    },
+    {
+      "name": "FilterMenu",
+      "category": "overlays",
+      "purpose": "Reusable filter menu component."
+    },
+    {
+      "name": "FilterSearchInput",
+      "category": "forms",
+      "purpose": "Reusable filter search input component."
+    },
+    {
+      "name": "FilterableTable",
+      "category": "data",
+      "purpose": "Reusable filterable table component."
+    },
+    {
+      "name": "FinalCTA",
+      "category": "actions",
+      "purpose": "Reusable final c t a component."
+    },
+    {
+      "name": "FirstNameInput",
+      "category": "forms",
+      "purpose": "Reusable first name input component."
+    },
+    {
+      "name": "FontPicker",
+      "category": "forms",
+      "purpose": "Reusable font picker component."
+    },
+    {
+      "name": "FontSizePicker",
+      "category": "forms",
+      "purpose": "Reusable font size picker component."
+    },
+    {
+      "name": "FontWeightPicker",
+      "category": "forms",
+      "purpose": "Reusable font weight picker component."
+    },
+    {
+      "name": "FooterLanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable footer language switcher component."
+    },
+    {
+      "name": "FooterStatusIndicator",
+      "category": "feedback",
+      "purpose": "Reusable footer status indicator component."
+    },
+    {
+      "name": "ForbiddenPage",
+      "category": "content",
+      "purpose": "Reusable forbidden page component."
+    },
+    {
+      "name": "ForbiddenState",
+      "category": "feedback",
+      "purpose": "Reusable forbidden state component."
+    },
+    {
+      "name": "ForgotPasswordForm",
+      "category": "content",
+      "purpose": "Reusable forgot password form component."
+    },
+    {
+      "name": "Form",
+      "category": "content",
+      "purpose": "Reusable form component."
+    },
+    {
+      "name": "FormActions",
+      "category": "actions",
+      "purpose": "Reusable form actions component."
+    },
+    {
+      "name": "FormAlert",
+      "category": "feedback",
+      "purpose": "Reusable form alert component."
+    },
+    {
+      "name": "FormDialog",
+      "category": "overlays",
+      "purpose": "Reusable form dialog component."
+    },
+    {
+      "name": "FormErrorSummary",
+      "category": "content",
+      "purpose": "Reusable form error summary component."
+    },
+    {
+      "name": "FormField",
+      "category": "forms",
+      "purpose": "Reusable form field component."
+    },
+    {
+      "name": "FormGrid",
+      "category": "data",
+      "purpose": "Reusable form grid component."
+    },
+    {
+      "name": "FormGroup",
+      "category": "forms",
+      "purpose": "Reusable form group component."
+    },
+    {
+      "name": "FormHelpText",
+      "category": "content",
+      "purpose": "Reusable form help text component."
+    },
+    {
+      "name": "FormLabel",
+      "category": "content",
+      "purpose": "Reusable form label component."
+    },
+    {
+      "name": "FormProgress",
+      "category": "visualization",
+      "purpose": "Reusable form progress component."
+    },
+    {
+      "name": "FormRow",
+      "category": "data",
+      "purpose": "Reusable form row component."
+    },
+    {
+      "name": "FormSection",
+      "category": "layout",
+      "purpose": "Reusable form section component."
+    },
+    {
+      "name": "FullscreenDialog",
+      "category": "overlays",
+      "purpose": "Reusable fullscreen dialog component."
+    },
+    {
+      "name": "FunnelChart",
+      "category": "visualization",
+      "purpose": "Reusable funnel chart component."
+    },
+    {
+      "name": "GeoChart",
+      "category": "visualization",
+      "purpose": "Reusable geo chart component."
+    },
+    {
+      "name": "GeofenceEditor",
+      "category": "forms",
+      "purpose": "Reusable geofence editor component."
+    },
+    {
+      "name": "GhostButton",
+      "category": "actions",
+      "purpose": "Reusable ghost button component."
+    },
+    {
+      "name": "GlassCard",
+      "category": "content",
+      "purpose": "Reusable glass card component."
+    },
+    {
+      "name": "GlobalSearch",
+      "category": "content",
+      "purpose": "Reusable global search component."
+    },
+    {
+      "name": "GradientCTA",
+      "category": "actions",
+      "purpose": "Reusable gradient c t a component."
+    },
+    {
+      "name": "GradientPicker",
+      "category": "forms",
+      "purpose": "Reusable gradient picker component."
+    },
+    {
+      "name": "GradientStopEditor",
+      "category": "forms",
+      "purpose": "Reusable gradient stop editor component."
+    },
+    {
+      "name": "Grid",
+      "category": "data",
+      "purpose": "Reusable grid component."
+    },
+    {
+      "name": "GuideCard",
+      "category": "content",
+      "purpose": "Reusable guide card component."
+    },
+    {
+      "name": "GuideChecklist",
+      "category": "content",
+      "purpose": "Reusable guide checklist component."
+    },
+    {
+      "name": "GuideDifficultyBadge",
+      "category": "feedback",
+      "purpose": "Reusable guide difficulty badge component."
+    },
+    {
+      "name": "GuideGrid",
+      "category": "data",
+      "purpose": "Reusable guide grid component."
+    },
+    {
+      "name": "GuideStep",
+      "category": "content",
+      "purpose": "Reusable guide step component."
+    },
+    {
+      "name": "Header",
+      "category": "layout",
+      "purpose": "Reusable header component."
+    },
+    {
+      "name": "HeaderActions",
+      "category": "actions",
+      "purpose": "Reusable header actions component."
+    },
+    {
+      "name": "HealthIndicator",
+      "category": "feedback",
+      "purpose": "Reusable health indicator component."
+    },
+    {
+      "name": "Hero",
+      "category": "layout",
+      "purpose": "Reusable hero component."
+    },
+    {
+      "name": "HeroActions",
+      "category": "actions",
+      "purpose": "Reusable hero actions component."
+    },
+    {
+      "name": "HeroCodePanel",
+      "category": "layout",
+      "purpose": "Reusable hero code panel component."
+    },
+    {
+      "name": "HeroGradientText",
+      "category": "content",
+      "purpose": "Reusable hero gradient text component."
+    },
+    {
+      "name": "HeroPrimaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero primary action component."
+    },
+    {
+      "name": "HeroProductPreview",
+      "category": "content",
+      "purpose": "Reusable hero product preview component."
+    },
+    {
+      "name": "HeroSecondaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero secondary action component."
+    },
+    {
+      "name": "HeroTrustText",
+      "category": "content",
+      "purpose": "Reusable hero trust text component."
+    },
+    {
+      "name": "HexColorInput",
+      "category": "forms",
+      "purpose": "Reusable hex color input component."
+    },
+    {
+      "name": "HiddenField",
+      "category": "forms",
+      "purpose": "Reusable hidden field component."
+    },
+    {
+      "name": "HighlightText",
+      "category": "content",
+      "purpose": "Reusable highlight text component."
+    },
+    {
+      "name": "HolidayCalendar",
+      "category": "content",
+      "purpose": "Reusable holiday calendar component."
+    },
+    {
+      "name": "HostnameInput",
+      "category": "forms",
+      "purpose": "Reusable hostname input component."
+    },
+    {
+      "name": "HourPicker",
+      "category": "forms",
+      "purpose": "Reusable hour picker component."
+    },
+    {
+      "name": "HslColorInput",
+      "category": "forms",
+      "purpose": "Reusable hsl color input component."
+    },
+    {
+      "name": "HtmlEditor",
+      "category": "forms",
+      "purpose": "Reusable html editor component."
+    },
+    {
+      "name": "HumanApprovalStep",
+      "category": "content",
+      "purpose": "Reusable human approval step component."
+    },
+    {
+      "name": "Icon",
+      "category": "content",
+      "purpose": "Reusable icon component."
+    },
+    {
+      "name": "IconButton",
+      "category": "actions",
+      "purpose": "Reusable icon button component."
+    },
+    {
+      "name": "IconPicker",
+      "category": "forms",
+      "purpose": "Reusable icon picker component."
+    },
+    {
+      "name": "IconSelector",
+      "category": "forms",
+      "purpose": "Reusable icon selector component."
+    },
+    {
+      "name": "IdentifierInput",
+      "category": "forms",
+      "purpose": "Reusable identifier input component."
+    },
+    {
+      "name": "Illustration",
+      "category": "content",
+      "purpose": "Reusable illustration component."
+    },
+    {
+      "name": "ImageCompressionPreview",
+      "category": "content",
+      "purpose": "Reusable image compression preview component."
+    },
+    {
+      "name": "ImageEditor",
+      "category": "forms",
+      "purpose": "Reusable image editor component."
+    },
+    {
+      "name": "ImagePreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable image preview dialog component."
+    },
+    {
+      "name": "ImageSelector",
+      "category": "forms",
+      "purpose": "Reusable image selector component."
+    },
+    {
+      "name": "ImageUpload",
+      "category": "content",
+      "purpose": "Reusable image upload component."
+    },
+    {
+      "name": "ImportProgress",
+      "category": "visualization",
+      "purpose": "Reusable import progress component."
+    },
+    {
+      "name": "IncidentAlert",
+      "category": "feedback",
+      "purpose": "Reusable incident alert component."
+    },
+    {
+      "name": "IncidentBanner",
+      "category": "feedback",
+      "purpose": "Reusable incident banner component."
+    },
+    {
+      "name": "IncidentCard",
+      "category": "content",
+      "purpose": "Reusable incident card component."
+    },
+    {
+      "name": "IncidentList",
+      "category": "data",
+      "purpose": "Reusable incident list component."
+    },
+    {
+      "name": "IncidentResponseFlow",
+      "category": "visualization",
+      "purpose": "Reusable incident response flow component."
+    },
+    {
+      "name": "IncidentSeverityBadge",
+      "category": "feedback",
+      "purpose": "Reusable incident severity badge component."
+    },
+    {
+      "name": "IncidentTimeline",
+      "category": "visualization",
+      "purpose": "Reusable incident timeline component."
+    },
+    {
+      "name": "IndustryBadge",
+      "category": "feedback",
+      "purpose": "Reusable industry badge component."
+    },
+    {
+      "name": "IndustrySelector",
+      "category": "forms",
+      "purpose": "Reusable industry selector component."
+    },
+    {
+      "name": "InfoCard",
+      "category": "content",
+      "purpose": "Reusable info card component."
+    },
+    {
+      "name": "InlineAlert",
+      "category": "feedback",
+      "purpose": "Reusable inline alert component."
+    },
+    {
+      "name": "InlineCode",
+      "category": "content",
+      "purpose": "Reusable inline code component."
+    },
+    {
+      "name": "InputGroup",
+      "category": "forms",
+      "purpose": "Reusable input group component."
+    },
+    {
+      "name": "InsetPanel",
+      "category": "layout",
+      "purpose": "Reusable inset panel component."
+    },
+    {
+      "name": "IntegerInput",
+      "category": "forms",
+      "purpose": "Reusable integer input component."
+    },
+    {
+      "name": "IntegrationCard",
+      "category": "content",
+      "purpose": "Reusable integration card component."
+    },
+    {
+      "name": "InvoiceLineItem",
+      "category": "content",
+      "purpose": "Reusable invoice line item component."
+    },
+    {
+      "name": "InvoiceSummary",
+      "category": "content",
+      "purpose": "Reusable invoice summary component."
+    },
+    {
+      "name": "IpAddressInput",
+      "category": "forms",
+      "purpose": "Reusable ip address input component."
+    },
+    {
+      "name": "JobCard",
+      "category": "content",
+      "purpose": "Reusable job card component."
+    },
+    {
+      "name": "JobProgress",
+      "category": "visualization",
+      "purpose": "Reusable job progress component."
+    },
+    {
+      "name": "JobTitleInput",
+      "category": "forms",
+      "purpose": "Reusable job title input component."
+    },
+    {
+      "name": "JsonInput",
+      "category": "forms",
+      "purpose": "Reusable json input component."
+    },
+    {
+      "name": "JsonViewer",
+      "category": "content",
+      "purpose": "Reusable json viewer component."
+    },
+    {
+      "name": "KeyValueTable",
+      "category": "data",
+      "purpose": "Reusable key value table component."
+    },
+    {
+      "name": "KycDocumentUpload",
+      "category": "content",
+      "purpose": "Reusable kyc document upload component."
+    },
+    {
+      "name": "LanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable language selector component."
+    },
+    {
+      "name": "LanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable language switcher component."
+    },
+    {
+      "name": "LastNameInput",
+      "category": "forms",
+      "purpose": "Reusable last name input component."
+    },
+    {
+      "name": "LatencyMetric",
+      "category": "visualization",
+      "purpose": "Reusable latency metric component."
+    },
+    {
+      "name": "LatitudeInput",
+      "category": "forms",
+      "purpose": "Reusable latitude input component."
+    },
+    {
+      "name": "LeadText",
+      "category": "content",
+      "purpose": "Reusable lead text component."
+    },
+    {
+      "name": "LeadershipGrid",
+      "category": "data",
+      "purpose": "Reusable leadership grid component."
+    },
+    {
+      "name": "LegalAcceptanceNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal acceptance notice component."
+    },
+    {
+      "name": "LegalBulletList",
+      "category": "data",
+      "purpose": "Reusable legal bullet list component."
+    },
+    {
+      "name": "LegalContactBlock",
+      "category": "content",
+      "purpose": "Reusable legal contact block component."
+    },
+    {
+      "name": "LegalDefinitionList",
+      "category": "data",
+      "purpose": "Reusable legal definition list component."
+    },
+    {
+      "name": "LegalDocumentHeader",
+      "category": "layout",
+      "purpose": "Reusable legal document header component."
+    },
+    {
+      "name": "LegalDocumentLayout",
+      "category": "layout",
+      "purpose": "Reusable legal document layout component."
+    },
+    {
+      "name": "LegalHero",
+      "category": "layout",
+      "purpose": "Reusable legal hero component."
+    },
+    {
+      "name": "LegalLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable legal language selector component."
+    },
+    {
+      "name": "LegalNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal notice component."
+    },
+    {
+      "name": "LegalPageShell",
+      "category": "layout",
+      "purpose": "Reusable legal page shell component."
+    },
+    {
+      "name": "LegalPrintButton",
+      "category": "actions",
+      "purpose": "Reusable legal print button component."
+    },
+    {
+      "name": "LegalRegionSelector",
+      "category": "forms",
+      "purpose": "Reusable legal region selector component."
+    },
+    {
+      "name": "LegalSection",
+      "category": "layout",
+      "purpose": "Reusable legal section component."
+    },
+    {
+      "name": "LegalSummary",
+      "category": "content",
+      "purpose": "Reusable legal summary component."
+    },
+    {
+      "name": "LegalTable",
+      "category": "data",
+      "purpose": "Reusable legal table component."
+    },
+    {
+      "name": "LegalVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable legal version badge component."
+    },
+    {
+      "name": "LetterSpacingPicker",
+      "category": "forms",
+      "purpose": "Reusable letter spacing picker component."
+    },
+    {
+      "name": "LicenseKeyInput",
+      "category": "forms",
+      "purpose": "Reusable license key input component."
+    },
+    {
+      "name": "Lightbox",
+      "category": "overlays",
+      "purpose": "Reusable lightbox component."
+    },
+    {
+      "name": "LineChart",
+      "category": "visualization",
+      "purpose": "Reusable line chart component."
+    },
+    {
+      "name": "LineHeightPicker",
+      "category": "forms",
+      "purpose": "Reusable line height picker component."
+    },
+    {
+      "name": "LinkButton",
+      "category": "actions",
+      "purpose": "Reusable link button component."
+    },
+    {
+      "name": "List",
+      "category": "data",
+      "purpose": "Reusable list component."
+    },
+    {
+      "name": "LoadingButton",
+      "category": "actions",
+      "purpose": "Reusable loading button component."
+    },
+    {
+      "name": "LocaleSelector",
+      "category": "forms",
+      "purpose": "Reusable locale selector component."
+    },
+    {
+      "name": "LocalizedRouteLink",
+      "category": "actions",
+      "purpose": "Reusable localized route link component."
+    },
+    {
+      "name": "LocationPicker",
+      "category": "forms",
+      "purpose": "Reusable location picker component."
+    },
+    {
+      "name": "LogTable",
+      "category": "data",
+      "purpose": "Reusable log table component."
+    },
+    {
+      "name": "Logo",
+      "category": "content",
+      "purpose": "Reusable logo component."
+    },
+    {
+      "name": "LogoUpload",
+      "category": "content",
+      "purpose": "Reusable logo upload component."
+    },
+    {
+      "name": "LogoutDialog",
+      "category": "overlays",
+      "purpose": "Reusable logout dialog component."
+    },
+    {
+      "name": "LongitudeInput",
+      "category": "forms",
+      "purpose": "Reusable longitude input component."
+    },
+    {
+      "name": "MaintenanceAlert",
+      "category": "feedback",
+      "purpose": "Reusable maintenance alert component."
+    },
+    {
+      "name": "MaintenanceBanner",
+      "category": "feedback",
+      "purpose": "Reusable maintenance banner component."
+    },
+    {
+      "name": "MaintenanceCard",
+      "category": "content",
+      "purpose": "Reusable maintenance card component."
+    },
+    {
+      "name": "MaintenancePage",
+      "category": "content",
+      "purpose": "Reusable maintenance page component."
+    },
+    {
+      "name": "MaintenanceState",
+      "category": "feedback",
+      "purpose": "Reusable maintenance state component."
+    },
+    {
+      "name": "MaintenanceWindowPicker",
+      "category": "forms",
+      "purpose": "Reusable maintenance window picker component."
+    },
+    {
+      "name": "MapPicker",
+      "category": "forms",
+      "purpose": "Reusable map picker component."
+    },
+    {
+      "name": "MarkdownEditor",
+      "category": "forms",
+      "purpose": "Reusable markdown editor component."
+    },
+    {
+      "name": "MarketingPageShell",
+      "category": "layout",
+      "purpose": "Reusable marketing page shell component."
+    },
+    {
+      "name": "MarketingSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable marketing section header component."
+    },
+    {
+      "name": "MaskedSecretField",
+      "category": "forms",
+      "purpose": "Reusable masked secret field component."
+    },
+    {
+      "name": "MegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable mega menu component."
+    },
+    {
+      "name": "MemberList",
+      "category": "data",
+      "purpose": "Reusable member list component."
+    },
+    {
+      "name": "MentionInput",
+      "category": "forms",
+      "purpose": "Reusable mention input component."
+    },
+    {
+      "name": "MessageCharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable message character counter component."
+    },
+    {
+      "name": "MessageComposer",
+      "category": "content",
+      "purpose": "Reusable message composer component."
+    },
+    {
+      "name": "MessageComposerPreview",
+      "category": "content",
+      "purpose": "Reusable message composer preview component."
+    },
+    {
+      "name": "MessageLimitInput",
+      "category": "forms",
+      "purpose": "Reusable message limit input component."
+    },
+    {
+      "name": "MessagePreview",
+      "category": "content",
+      "purpose": "Reusable message preview component."
+    },
+    {
+      "name": "MessageVolumeSlider",
+      "category": "content",
+      "purpose": "Reusable message volume slider component."
+    },
+    {
+      "name": "Metric",
+      "category": "visualization",
+      "purpose": "Reusable metric component."
+    },
+    {
+      "name": "MetricCard",
+      "category": "content",
+      "purpose": "Reusable metric card component."
+    },
+    {
+      "name": "MetricGrid",
+      "category": "data",
+      "purpose": "Reusable metric grid component."
+    },
+    {
+      "name": "MetricText",
+      "category": "content",
+      "purpose": "Reusable metric text component."
+    },
+    {
+      "name": "MinutePicker",
+      "category": "forms",
+      "purpose": "Reusable minute picker component."
+    },
+    {
+      "name": "MissionSection",
+      "category": "layout",
+      "purpose": "Reusable mission section component."
+    },
+    {
+      "name": "MobileDeviceFrame",
+      "category": "layout",
+      "purpose": "Reusable mobile device frame component."
+    },
+    {
+      "name": "MobileInput",
+      "category": "forms",
+      "purpose": "Reusable mobile input component."
+    },
+    {
+      "name": "MobileMenuButton",
+      "category": "actions",
+      "purpose": "Reusable mobile menu button component."
+    },
+    {
+      "name": "MobileNavigation",
+      "category": "layout",
+      "purpose": "Reusable mobile navigation component."
+    },
+    {
+      "name": "MobileTableCard",
+      "category": "content",
+      "purpose": "Reusable mobile table card component."
+    },
+    {
+      "name": "MonthPicker",
+      "category": "forms",
+      "purpose": "Reusable month picker component."
+    },
+    {
+      "name": "MonthYearPicker",
+      "category": "forms",
+      "purpose": "Reusable month year picker component."
+    },
+    {
+      "name": "MonthlyVolumeSelector",
+      "category": "forms",
+      "purpose": "Reusable monthly volume selector component."
+    },
+    {
+      "name": "MultiFileUpload",
+      "category": "content",
+      "purpose": "Reusable multi file upload component."
+    },
+    {
+      "name": "MultipleEmailInput",
+      "category": "forms",
+      "purpose": "Reusable multiple email input component."
+    },
+    {
+      "name": "MutedText",
+      "category": "content",
+      "purpose": "Reusable muted text component."
+    },
+    {
+      "name": "NameInput",
+      "category": "forms",
+      "purpose": "Reusable name input component."
+    },
+    {
+      "name": "Navigation",
+      "category": "layout",
+      "purpose": "Reusable navigation component."
+    },
+    {
+      "name": "NavigationItem",
+      "category": "content",
+      "purpose": "Reusable navigation item component."
+    },
+    {
+      "name": "NavigationMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable navigation mega menu component."
+    },
+    {
+      "name": "NewBadge",
+      "category": "feedback",
+      "purpose": "Reusable new badge component."
+    },
+    {
+      "name": "NewPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable new password input component."
+    },
+    {
+      "name": "NewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable newsletter c t a component."
+    },
+    {
+      "name": "NewsletterForm",
+      "category": "content",
+      "purpose": "Reusable newsletter form component."
+    },
+    {
+      "name": "NoResultsState",
+      "category": "feedback",
+      "purpose": "Reusable no results state component."
+    },
+    {
+      "name": "NotFoundPage",
+      "category": "content",
+      "purpose": "Reusable not found page component."
+    },
+    {
+      "name": "NotFoundState",
+      "category": "feedback",
+      "purpose": "Reusable not found state component."
+    },
+    {
+      "name": "NotificationCard",
+      "category": "content",
+      "purpose": "Reusable notification card component."
+    },
+    {
+      "name": "NotificationList",
+      "category": "data",
+      "purpose": "Reusable notification list component."
+    },
+    {
+      "name": "NumberInput",
+      "category": "forms",
+      "purpose": "Reusable number input component."
+    },
+    {
+      "name": "OfficeCard",
+      "category": "content",
+      "purpose": "Reusable office card component."
+    },
+    {
+      "name": "OfflinePage",
+      "category": "content",
+      "purpose": "Reusable offline page component."
+    },
+    {
+      "name": "OfflineState",
+      "category": "feedback",
+      "purpose": "Reusable offline state component."
+    },
+    {
+      "name": "OnboardingProgress",
+      "category": "visualization",
+      "purpose": "Reusable onboarding progress component."
+    },
+    {
+      "name": "OneTimeSecretDisplay",
+      "category": "content",
+      "purpose": "Reusable one time secret display component."
+    },
+    {
+      "name": "OnlineIndicator",
+      "category": "feedback",
+      "purpose": "Reusable online indicator component."
+    },
+    {
+      "name": "OpacitySlider",
+      "category": "content",
+      "purpose": "Reusable opacity slider component."
+    },
+    {
+      "name": "OpenAPICTA",
+      "category": "actions",
+      "purpose": "Reusable open a p i c t a component."
+    },
+    {
+      "name": "OptionalIndicator",
+      "category": "feedback",
+      "purpose": "Reusable optional indicator component."
+    },
+    {
+      "name": "OrganizationSelector",
+      "category": "forms",
+      "purpose": "Reusable organization selector component."
+    },
+    {
+      "name": "OtpInput",
+      "category": "forms",
+      "purpose": "Reusable otp input component."
+    },
+    {
+      "name": "OtpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable otp verification form component."
+    },
+    {
+      "name": "OutlinedCard",
+      "category": "content",
+      "purpose": "Reusable outlined card component."
+    },
+    {
+      "name": "PageAlert",
+      "category": "feedback",
+      "purpose": "Reusable page alert component."
+    },
+    {
+      "name": "PageSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable page skeleton component."
+    },
+    {
+      "name": "Panel",
+      "category": "layout",
+      "purpose": "Reusable panel component."
+    },
+    {
+      "name": "PartnerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable partner application form component."
+    },
+    {
+      "name": "PartnerLogoGrid",
+      "category": "data",
+      "purpose": "Reusable partner logo grid component."
+    },
+    {
+      "name": "PartnerProgramCard",
+      "category": "content",
+      "purpose": "Reusable partner program card component."
+    },
+    {
+      "name": "PasskeyButton",
+      "category": "actions",
+      "purpose": "Reusable passkey button component."
+    },
+    {
+      "name": "PasswordInput",
+      "category": "forms",
+      "purpose": "Reusable password input component."
+    },
+    {
+      "name": "PasswordRequirementList",
+      "category": "data",
+      "purpose": "Reusable password requirement list component."
+    },
+    {
+      "name": "PasswordStrengthMeter",
+      "category": "visualization",
+      "purpose": "Reusable password strength meter component."
+    },
+    {
+      "name": "PasswordVisibilityToggle",
+      "category": "forms",
+      "purpose": "Reusable password visibility toggle component."
+    },
+    {
+      "name": "PathInput",
+      "category": "forms",
+      "purpose": "Reusable path input component."
+    },
+    {
+      "name": "PaymentMethodCard",
+      "category": "content",
+      "purpose": "Reusable payment method card component."
+    },
+    {
+      "name": "PdfPreview",
+      "category": "content",
+      "purpose": "Reusable pdf preview component."
+    },
+    {
+      "name": "PercentageInput",
+      "category": "forms",
+      "purpose": "Reusable percentage input component."
+    },
+    {
+      "name": "PermissionSelector",
+      "category": "forms",
+      "purpose": "Reusable permission selector component."
+    },
+    {
+      "name": "PhoneInput",
+      "category": "forms",
+      "purpose": "Reusable phone input component."
+    },
+    {
+      "name": "PieChart",
+      "category": "visualization",
+      "purpose": "Reusable pie chart component."
+    },
+    {
+      "name": "PinInput",
+      "category": "forms",
+      "purpose": "Reusable pin input component."
+    },
+    {
+      "name": "PlainTextEditor",
+      "category": "forms",
+      "purpose": "Reusable plain text editor component."
+    },
+    {
+      "name": "PlanCTA",
+      "category": "actions",
+      "purpose": "Reusable plan c t a component."
+    },
+    {
+      "name": "PlanFeatureList",
+      "category": "data",
+      "purpose": "Reusable plan feature list component."
+    },
+    {
+      "name": "PlanLimitList",
+      "category": "data",
+      "purpose": "Reusable plan limit list component."
+    },
+    {
+      "name": "PlanSelector",
+      "category": "forms",
+      "purpose": "Reusable plan selector component."
+    },
+    {
+      "name": "PlatformPillarCard",
+      "category": "content",
+      "purpose": "Reusable platform pillar card component."
+    },
+    {
+      "name": "PolicyVersionTable",
+      "category": "data",
+      "purpose": "Reusable policy version table component."
+    },
+    {
+      "name": "Popover",
+      "category": "overlays",
+      "purpose": "Reusable popover component."
+    },
+    {
+      "name": "PortInput",
+      "category": "forms",
+      "purpose": "Reusable port input component."
+    },
+    {
+      "name": "PortNumberInput",
+      "category": "forms",
+      "purpose": "Reusable port number input component."
+    },
+    {
+      "name": "PositiveNumberInput",
+      "category": "forms",
+      "purpose": "Reusable positive number input component."
+    },
+    {
+      "name": "PostalCodeInput",
+      "category": "forms",
+      "purpose": "Reusable postal code input component."
+    },
+    {
+      "name": "PostmanCTA",
+      "category": "actions",
+      "purpose": "Reusable postman c t a component."
+    },
+    {
+      "name": "PresetDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable preset date range picker component."
+    },
+    {
+      "name": "PressReleaseCard",
+      "category": "content",
+      "purpose": "Reusable press release card component."
+    },
+    {
+      "name": "PreviewBadge",
+      "category": "feedback",
+      "purpose": "Reusable preview badge component."
+    },
+    {
+      "name": "PreviousNextNavigation",
+      "category": "layout",
+      "purpose": "Reusable previous next navigation component."
+    },
+    {
+      "name": "PriceInput",
+      "category": "forms",
+      "purpose": "Reusable price input component."
+    },
+    {
+      "name": "PriceRangeSlider",
+      "category": "content",
+      "purpose": "Reusable price range slider component."
+    },
+    {
+      "name": "PriceText",
+      "category": "content",
+      "purpose": "Reusable price text component."
+    },
+    {
+      "name": "PricingCard",
+      "category": "content",
+      "purpose": "Reusable pricing card component."
+    },
+    {
+      "name": "PricingComparisonTable",
+      "category": "data",
+      "purpose": "Reusable pricing comparison table component."
+    },
+    {
+      "name": "PricingContactForm",
+      "category": "content",
+      "purpose": "Reusable pricing contact form component."
+    },
+    {
+      "name": "PricingFeatureGroup",
+      "category": "forms",
+      "purpose": "Reusable pricing feature group component."
+    },
+    {
+      "name": "PricingGrid",
+      "category": "data",
+      "purpose": "Reusable pricing grid component."
+    },
+    {
+      "name": "PricingHero",
+      "category": "layout",
+      "purpose": "Reusable pricing hero component."
+    },
+    {
+      "name": "PricingPlanCard",
+      "category": "content",
+      "purpose": "Reusable pricing plan card component."
+    },
+    {
+      "name": "PricingTable",
+      "category": "data",
+      "purpose": "Reusable pricing table component."
+    },
+    {
+      "name": "PricingToggle",
+      "category": "forms",
+      "purpose": "Reusable pricing toggle component."
+    },
+    {
+      "name": "PrimaryButton",
+      "category": "actions",
+      "purpose": "Reusable primary button component."
+    },
+    {
+      "name": "PrintAction",
+      "category": "actions",
+      "purpose": "Reusable print action component."
+    },
+    {
+      "name": "PrintPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable print policy button component."
+    },
+    {
+      "name": "PrioritySelector",
+      "category": "forms",
+      "purpose": "Reusable priority selector component."
+    },
+    {
+      "name": "PrivacyNotice",
+      "category": "feedback",
+      "purpose": "Reusable privacy notice component."
+    },
+    {
+      "name": "ProductArchitectureDiagram",
+      "category": "visualization",
+      "purpose": "Reusable product architecture diagram component."
+    },
+    {
+      "name": "ProductCTA",
+      "category": "actions",
+      "purpose": "Reusable product c t a component."
+    },
+    {
+      "name": "ProductCard",
+      "category": "content",
+      "purpose": "Reusable product card component."
+    },
+    {
+      "name": "ProductCategorySection",
+      "category": "layout",
+      "purpose": "Reusable product category section component."
+    },
+    {
+      "name": "ProductFeatureList",
+      "category": "data",
+      "purpose": "Reusable product feature list component."
+    },
+    {
+      "name": "ProductGrid",
+      "category": "data",
+      "purpose": "Reusable product grid component."
+    },
+    {
+      "name": "ProductHero",
+      "category": "layout",
+      "purpose": "Reusable product hero component."
+    },
+    {
+      "name": "ProductIcon",
+      "category": "content",
+      "purpose": "Reusable product icon component."
+    },
+    {
+      "name": "ProductIntegrationList",
+      "category": "data",
+      "purpose": "Reusable product integration list component."
+    },
+    {
+      "name": "ProductList",
+      "category": "data",
+      "purpose": "Reusable product list component."
+    },
+    {
+      "name": "ProductLogo",
+      "category": "content",
+      "purpose": "Reusable product logo component."
+    },
+    {
+      "name": "ProductMiniCard",
+      "category": "content",
+      "purpose": "Reusable product mini card component."
+    },
+    {
+      "name": "ProductNavigationCard",
+      "category": "content",
+      "purpose": "Reusable product navigation card component."
+    },
+    {
+      "name": "ProductPageShell",
+      "category": "layout",
+      "purpose": "Reusable product page shell component."
+    },
+    {
+      "name": "ProductSelector",
+      "category": "forms",
+      "purpose": "Reusable product selector component."
+    },
+    {
+      "name": "ProductStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable product status badge component."
+    },
+    {
+      "name": "ProductUseCaseList",
+      "category": "data",
+      "purpose": "Reusable product use case list component."
+    },
+    {
+      "name": "ProductsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable products mega menu component."
+    },
+    {
+      "name": "ProgressChart",
+      "category": "visualization",
+      "purpose": "Reusable progress chart component."
+    },
+    {
+      "name": "ProgressRing",
+      "category": "visualization",
+      "purpose": "Reusable progress ring component."
+    },
+    {
+      "name": "ProgressSlider",
+      "category": "content",
+      "purpose": "Reusable progress slider component."
+    },
+    {
+      "name": "ProjectCard",
+      "category": "content",
+      "purpose": "Reusable project card component."
+    },
+    {
+      "name": "ProjectSelector",
+      "category": "forms",
+      "purpose": "Reusable project selector component."
+    },
+    {
+      "name": "ProjectSwitcher",
+      "category": "content",
+      "purpose": "Reusable project switcher component."
+    },
+    {
+      "name": "PromoCodeInput",
+      "category": "forms",
+      "purpose": "Reusable promo code input component."
+    },
+    {
+      "name": "PromptDialog",
+      "category": "overlays",
+      "purpose": "Reusable prompt dialog component."
+    },
+    {
+      "name": "ProviderSelector",
+      "category": "forms",
+      "purpose": "Reusable provider selector component."
+    },
+    {
+      "name": "PublicHeader",
+      "category": "layout",
+      "purpose": "Reusable public header component."
+    },
+    {
+      "name": "PublicHeaderLogo",
+      "category": "content",
+      "purpose": "Reusable public header logo component."
+    },
+    {
+      "name": "PublicPageShell",
+      "category": "layout",
+      "purpose": "Reusable public page shell component."
+    },
+    {
+      "name": "PublishDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable publish date time picker component."
+    },
+    {
+      "name": "PushComposer",
+      "category": "content",
+      "purpose": "Reusable push composer component."
+    },
+    {
+      "name": "PushNotificationEditor",
+      "category": "forms",
+      "purpose": "Reusable push notification editor component."
+    },
+    {
+      "name": "QrCode",
+      "category": "content",
+      "purpose": "Reusable qr code component."
+    },
+    {
+      "name": "QuantityInput",
+      "category": "forms",
+      "purpose": "Reusable quantity input component."
+    },
+    {
+      "name": "QuantityStepper",
+      "category": "content",
+      "purpose": "Reusable quantity stepper component."
+    },
+    {
+      "name": "QuietHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable quiet hours picker component."
+    },
+    {
+      "name": "QuoteText",
+      "category": "content",
+      "purpose": "Reusable quote text component."
+    },
+    {
+      "name": "RadioGroup",
+      "category": "forms",
+      "purpose": "Reusable radio group component."
+    },
+    {
+      "name": "RangeInput",
+      "category": "forms",
+      "purpose": "Reusable range input component."
+    },
+    {
+      "name": "RangeSlider",
+      "category": "content",
+      "purpose": "Reusable range slider component."
+    },
+    {
+      "name": "RateLimitInput",
+      "category": "forms",
+      "purpose": "Reusable rate limit input component."
+    },
+    {
+      "name": "RateLimitPage",
+      "category": "content",
+      "purpose": "Reusable rate limit page component."
+    },
+    {
+      "name": "RateLimitedState",
+      "category": "feedback",
+      "purpose": "Reusable rate limited state component."
+    },
+    {
+      "name": "RateTable",
+      "category": "data",
+      "purpose": "Reusable rate table component."
+    },
+    {
+      "name": "RatingSlider",
+      "category": "content",
+      "purpose": "Reusable rating slider component."
+    },
+    {
+      "name": "RecipientSelector",
+      "category": "forms",
+      "purpose": "Reusable recipient selector component."
+    },
+    {
+      "name": "RecoveryCodeForm",
+      "category": "content",
+      "purpose": "Reusable recovery code form component."
+    },
+    {
+      "name": "RecoveryCodeInput",
+      "category": "forms",
+      "purpose": "Reusable recovery code input component."
+    },
+    {
+      "name": "RecurrenceRuleBuilder",
+      "category": "content",
+      "purpose": "Reusable recurrence rule builder component."
+    },
+    {
+      "name": "RecurringSchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable recurring schedule picker component."
+    },
+    {
+      "name": "RedirectUriInput",
+      "category": "forms",
+      "purpose": "Reusable redirect uri input component."
+    },
+    {
+      "name": "ReferenceInput",
+      "category": "forms",
+      "purpose": "Reusable reference input component."
+    },
+    {
+      "name": "RegexInput",
+      "category": "forms",
+      "purpose": "Reusable regex input component."
+    },
+    {
+      "name": "RegionAvailabilityTable",
+      "category": "data",
+      "purpose": "Reusable region availability table component."
+    },
+    {
+      "name": "RegionSelector",
+      "category": "forms",
+      "purpose": "Reusable region selector component."
+    },
+    {
+      "name": "RegionUnavailableAlert",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable alert component."
+    },
+    {
+      "name": "RegionUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable state component."
+    },
+    {
+      "name": "RegionalPrivacyBanner",
+      "category": "feedback",
+      "purpose": "Reusable regional privacy banner component."
+    },
+    {
+      "name": "RejectOptionalCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable reject optional cookies button component."
+    },
+    {
+      "name": "ReopenCookieSettingsButton",
+      "category": "actions",
+      "purpose": "Reusable reopen cookie settings button component."
+    },
+    {
+      "name": "ReportCard",
+      "category": "content",
+      "purpose": "Reusable report card component."
+    },
+    {
+      "name": "RequestResponseViewer",
+      "category": "content",
+      "purpose": "Reusable request response viewer component."
+    },
+    {
+      "name": "RequestViewer",
+      "category": "content",
+      "purpose": "Reusable request viewer component."
+    },
+    {
+      "name": "RequiredIndicator",
+      "category": "feedback",
+      "purpose": "Reusable required indicator component."
+    },
+    {
+      "name": "ResetPasswordForm",
+      "category": "content",
+      "purpose": "Reusable reset password form component."
+    },
+    {
+      "name": "ResizablePanel",
+      "category": "layout",
+      "purpose": "Reusable resizable panel component."
+    },
+    {
+      "name": "ResourceCard",
+      "category": "content",
+      "purpose": "Reusable resource card component."
+    },
+    {
+      "name": "ResourceDownloadCard",
+      "category": "content",
+      "purpose": "Reusable resource download card component."
+    },
+    {
+      "name": "ResourcePageShell",
+      "category": "layout",
+      "purpose": "Reusable resource page shell component."
+    },
+    {
+      "name": "ResourceSearch",
+      "category": "content",
+      "purpose": "Reusable resource search component."
+    },
+    {
+      "name": "ResourceTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable resource type badge component."
+    },
+    {
+      "name": "ResourcesMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable resources mega menu component."
+    },
+    {
+      "name": "ResponseViewer",
+      "category": "content",
+      "purpose": "Reusable response viewer component."
+    },
+    {
+      "name": "ResponsibleDisclosureCTA",
+      "category": "actions",
+      "purpose": "Reusable responsible disclosure c t a component."
+    },
+    {
+      "name": "ResponsiveTable",
+      "category": "data",
+      "purpose": "Reusable responsive table component."
+    },
+    {
+      "name": "ResultsSection",
+      "category": "layout",
+      "purpose": "Reusable results section component."
+    },
+    {
+      "name": "RetentionTable",
+      "category": "data",
+      "purpose": "Reusable retention table component."
+    },
+    {
+      "name": "RetryCountInput",
+      "category": "forms",
+      "purpose": "Reusable retry count input component."
+    },
+    {
+      "name": "RevenueChart",
+      "category": "visualization",
+      "purpose": "Reusable revenue chart component."
+    },
+    {
+      "name": "RgbColorInput",
+      "category": "forms",
+      "purpose": "Reusable rgb color input component."
+    },
+    {
+      "name": "RichTextEditor",
+      "category": "forms",
+      "purpose": "Reusable rich text editor component."
+    },
+    {
+      "name": "RichTextInput",
+      "category": "forms",
+      "purpose": "Reusable rich text input component."
+    },
+    {
+      "name": "RoleSelector",
+      "category": "forms",
+      "purpose": "Reusable role selector component."
+    },
+    {
+      "name": "RollingDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable rolling date range picker component."
+    },
+    {
+      "name": "SDKCard",
+      "category": "content",
+      "purpose": "Reusable s d k card component."
+    },
+    {
+      "name": "SDKLanguageTabs",
+      "category": "content",
+      "purpose": "Reusable s d k language tabs component."
+    },
+    {
+      "name": "SaveCookiePreferencesButton",
+      "category": "actions",
+      "purpose": "Reusable save cookie preferences button component."
+    },
+    {
+      "name": "SavedFilterSelector",
+      "category": "forms",
+      "purpose": "Reusable saved filter selector component."
+    },
+    {
+      "name": "ScheduleMessagePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule message picker component."
+    },
+    {
+      "name": "SchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule picker component."
+    },
+    {
+      "name": "ScheduledDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable scheduled date time picker component."
+    },
+    {
+      "name": "ScreenshotFrame",
+      "category": "layout",
+      "purpose": "Reusable screenshot frame component."
+    },
+    {
+      "name": "SdkLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable sdk language selector component."
+    },
+    {
+      "name": "SearchButton",
+      "category": "actions",
+      "purpose": "Reusable search button component."
+    },
+    {
+      "name": "SearchCategoryTabs",
+      "category": "content",
+      "purpose": "Reusable search category tabs component."
+    },
+    {
+      "name": "SearchDialog",
+      "category": "overlays",
+      "purpose": "Reusable search dialog component."
+    },
+    {
+      "name": "SearchEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable search empty state component."
+    },
+    {
+      "name": "SearchInput",
+      "category": "forms",
+      "purpose": "Reusable search input component."
+    },
+    {
+      "name": "SearchLoadingState",
+      "category": "feedback",
+      "purpose": "Reusable search loading state component."
+    },
+    {
+      "name": "SearchResultItem",
+      "category": "content",
+      "purpose": "Reusable search result item component."
+    },
+    {
+      "name": "SecondPicker",
+      "category": "forms",
+      "purpose": "Reusable second picker component."
+    },
+    {
+      "name": "SecondaryButton",
+      "category": "actions",
+      "purpose": "Reusable secondary button component."
+    },
+    {
+      "name": "SecretDisplay",
+      "category": "content",
+      "purpose": "Reusable secret display component."
+    },
+    {
+      "name": "SecretInput",
+      "category": "forms",
+      "purpose": "Reusable secret input component."
+    },
+    {
+      "name": "SecretRevealDialog",
+      "category": "overlays",
+      "purpose": "Reusable secret reveal dialog component."
+    },
+    {
+      "name": "Section",
+      "category": "layout",
+      "purpose": "Reusable section component."
+    },
+    {
+      "name": "SectionActions",
+      "category": "actions",
+      "purpose": "Reusable section actions component."
+    },
+    {
+      "name": "SectionHeader",
+      "category": "layout",
+      "purpose": "Reusable section header component."
+    },
+    {
+      "name": "SecurityAlert",
+      "category": "feedback",
+      "purpose": "Reusable security alert component."
+    },
+    {
+      "name": "SecurityContactCard",
+      "category": "content",
+      "purpose": "Reusable security contact card component."
+    },
+    {
+      "name": "SecurityFeatureCard",
+      "category": "content",
+      "purpose": "Reusable security feature card component."
+    },
+    {
+      "name": "SecurityHero",
+      "category": "layout",
+      "purpose": "Reusable security hero component."
+    },
+    {
+      "name": "SecurityPillarGrid",
+      "category": "data",
+      "purpose": "Reusable security pillar grid component."
+    },
+    {
+      "name": "SecurityPracticeList",
+      "category": "data",
+      "purpose": "Reusable security practice list component."
+    },
+    {
+      "name": "SecurityReportForm",
+      "category": "content",
+      "purpose": "Reusable security report form component."
+    },
+    {
+      "name": "SenderIdInput",
+      "category": "forms",
+      "purpose": "Reusable sender id input component."
+    },
+    {
+      "name": "ServerErrorPage",
+      "category": "content",
+      "purpose": "Reusable server error page component."
+    },
+    {
+      "name": "ServiceLevelTable",
+      "category": "data",
+      "purpose": "Reusable service level table component."
+    },
+    {
+      "name": "ServiceStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable service status badge component."
+    },
+    {
+      "name": "ServiceStatusList",
+      "category": "data",
+      "purpose": "Reusable service status list component."
+    },
+    {
+      "name": "ServiceStatusRow",
+      "category": "data",
+      "purpose": "Reusable service status row component."
+    },
+    {
+      "name": "SessionCard",
+      "category": "content",
+      "purpose": "Reusable session card component."
+    },
+    {
+      "name": "SessionExpiredDialog",
+      "category": "overlays",
+      "purpose": "Reusable session expired dialog component."
+    },
+    {
+      "name": "SetupChecklist",
+      "category": "content",
+      "purpose": "Reusable setup checklist component."
+    },
+    {
+      "name": "SeveritySelector",
+      "category": "forms",
+      "purpose": "Reusable severity selector component."
+    },
+    {
+      "name": "ShadowPicker",
+      "category": "forms",
+      "purpose": "Reusable shadow picker component."
+    },
+    {
+      "name": "ShareAction",
+      "category": "actions",
+      "purpose": "Reusable share action component."
+    },
+    {
+      "name": "ShareButton",
+      "category": "actions",
+      "purpose": "Reusable share button component."
+    },
+    {
+      "name": "SidePanel",
+      "category": "layout",
+      "purpose": "Reusable side panel component."
+    },
+    {
+      "name": "SidebarLayout",
+      "category": "layout",
+      "purpose": "Reusable sidebar layout component."
+    },
+    {
+      "name": "SignInForm",
+      "category": "content",
+      "purpose": "Reusable sign in form component."
+    },
+    {
+      "name": "SignInLink",
+      "category": "actions",
+      "purpose": "Reusable sign in link component."
+    },
+    {
+      "name": "SignUpForm",
+      "category": "content",
+      "purpose": "Reusable sign up form component."
+    },
+    {
+      "name": "SiteSearch",
+      "category": "content",
+      "purpose": "Reusable site search component."
+    },
+    {
+      "name": "Skeleton",
+      "category": "feedback",
+      "purpose": "Reusable skeleton component."
+    },
+    {
+      "name": "SkipLink",
+      "category": "actions",
+      "purpose": "Reusable skip link component."
+    },
+    {
+      "name": "SlaTable",
+      "category": "data",
+      "purpose": "Reusable sla table component."
+    },
+    {
+      "name": "Slider",
+      "category": "content",
+      "purpose": "Reusable slider component."
+    },
+    {
+      "name": "SlugInput",
+      "category": "forms",
+      "purpose": "Reusable slug input component."
+    },
+    {
+      "name": "SmallText",
+      "category": "content",
+      "purpose": "Reusable small text component."
+    },
+    {
+      "name": "SmartRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable smart route diagram component."
+    },
+    {
+      "name": "SmsComposer",
+      "category": "content",
+      "purpose": "Reusable sms composer component."
+    },
+    {
+      "name": "SmsMessageEditor",
+      "category": "forms",
+      "purpose": "Reusable sms message editor component."
+    },
+    {
+      "name": "SmsSegmentCounter",
+      "category": "feedback",
+      "purpose": "Reusable sms segment counter component."
+    },
+    {
+      "name": "SolutionHero",
+      "category": "layout",
+      "purpose": "Reusable solution hero component."
+    },
+    {
+      "name": "SolutionPageShell",
+      "category": "layout",
+      "purpose": "Reusable solution page shell component."
+    },
+    {
+      "name": "SolutionSection",
+      "category": "layout",
+      "purpose": "Reusable solution section component."
+    },
+    {
+      "name": "SolutionsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable solutions mega menu component."
+    },
+    {
+      "name": "SortableTable",
+      "category": "data",
+      "purpose": "Reusable sortable table component."
+    },
+    {
+      "name": "SplitButton",
+      "category": "actions",
+      "purpose": "Reusable split button component."
+    },
+    {
+      "name": "SplitCTA",
+      "category": "actions",
+      "purpose": "Reusable split c t a component."
+    },
+    {
+      "name": "SplitHero",
+      "category": "layout",
+      "purpose": "Reusable split hero component."
+    },
+    {
+      "name": "SplitLayout",
+      "category": "layout",
+      "purpose": "Reusable split layout component."
+    },
+    {
+      "name": "SplitSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable split section header component."
+    },
+    {
+      "name": "StartFreeButton",
+      "category": "actions",
+      "purpose": "Reusable start free button component."
+    },
+    {
+      "name": "StatCard",
+      "category": "content",
+      "purpose": "Reusable stat card component."
+    },
+    {
+      "name": "StateSelector",
+      "category": "forms",
+      "purpose": "Reusable state selector component."
+    },
+    {
+      "name": "StatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable status badge component."
+    },
+    {
+      "name": "StatusPageShell",
+      "category": "layout",
+      "purpose": "Reusable status page shell component."
+    },
+    {
+      "name": "StatusSelector",
+      "category": "forms",
+      "purpose": "Reusable status selector component."
+    },
+    {
+      "name": "StatusSubscribeForm",
+      "category": "content",
+      "purpose": "Reusable status subscribe form component."
+    },
+    {
+      "name": "StatusTable",
+      "category": "data",
+      "purpose": "Reusable status table component."
+    },
+    {
+      "name": "StepNavigation",
+      "category": "layout",
+      "purpose": "Reusable step navigation component."
+    },
+    {
+      "name": "StepUpAuthenticationDialog",
+      "category": "overlays",
+      "purpose": "Reusable step up authentication dialog component."
+    },
+    {
+      "name": "Stepper",
+      "category": "content",
+      "purpose": "Reusable stepper component."
+    },
+    {
+      "name": "StepperInput",
+      "category": "forms",
+      "purpose": "Reusable stepper input component."
+    },
+    {
+      "name": "StickerPicker",
+      "category": "forms",
+      "purpose": "Reusable sticker picker component."
+    },
+    {
+      "name": "StickyLayout",
+      "category": "layout",
+      "purpose": "Reusable sticky layout component."
+    },
+    {
+      "name": "StreetAddressInput",
+      "category": "forms",
+      "purpose": "Reusable street address input component."
+    },
+    {
+      "name": "SubdomainInput",
+      "category": "forms",
+      "purpose": "Reusable subdomain input component."
+    },
+    {
+      "name": "SubjectInput",
+      "category": "forms",
+      "purpose": "Reusable subject input component."
+    },
+    {
+      "name": "SubprocessorTable",
+      "category": "data",
+      "purpose": "Reusable subprocessor table component."
+    },
+    {
+      "name": "SuccessCard",
+      "category": "content",
+      "purpose": "Reusable success card component."
+    },
+    {
+      "name": "SuccessState",
+      "category": "feedback",
+      "purpose": "Reusable success state component."
+    },
+    {
+      "name": "SupportRequestForm",
+      "category": "content",
+      "purpose": "Reusable support request form component."
+    },
+    {
+      "name": "Table",
+      "category": "data",
+      "purpose": "Reusable table component."
+    },
+    {
+      "name": "TableHeader",
+      "category": "layout",
+      "purpose": "Reusable table header component."
+    },
+    {
+      "name": "TableRow",
+      "category": "data",
+      "purpose": "Reusable table row component."
+    },
+    {
+      "name": "TableSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable table skeleton component."
+    },
+    {
+      "name": "Tabs",
+      "category": "content",
+      "purpose": "Reusable tabs component."
+    },
+    {
+      "name": "TagInput",
+      "category": "forms",
+      "purpose": "Reusable tag input component."
+    },
+    {
+      "name": "TaxNotice",
+      "category": "feedback",
+      "purpose": "Reusable tax notice component."
+    },
+    {
+      "name": "TaxRateInput",
+      "category": "forms",
+      "purpose": "Reusable tax rate input component."
+    },
+    {
+      "name": "TeamMemberCard",
+      "category": "content",
+      "purpose": "Reusable team member card component."
+    },
+    {
+      "name": "TeamSizeSelector",
+      "category": "forms",
+      "purpose": "Reusable team size selector component."
+    },
+    {
+      "name": "TemplateCard",
+      "category": "content",
+      "purpose": "Reusable template card component."
+    },
+    {
+      "name": "TemplateSelector",
+      "category": "forms",
+      "purpose": "Reusable template selector component."
+    },
+    {
+      "name": "TemplateVariableInput",
+      "category": "forms",
+      "purpose": "Reusable template variable input component."
+    },
+    {
+      "name": "TenantIsolationDiagram",
+      "category": "visualization",
+      "purpose": "Reusable tenant isolation diagram component."
+    },
+    {
+      "name": "TerminalBlock",
+      "category": "content",
+      "purpose": "Reusable terminal block component."
+    },
+    {
+      "name": "TertiaryButton",
+      "category": "actions",
+      "purpose": "Reusable tertiary button component."
+    },
+    {
+      "name": "TestMessageDialog",
+      "category": "overlays",
+      "purpose": "Reusable test message dialog component."
+    },
+    {
+      "name": "TestimonialCard",
+      "category": "content",
+      "purpose": "Reusable testimonial card component."
+    },
+    {
+      "name": "TestimonialCarousel",
+      "category": "content",
+      "purpose": "Reusable testimonial carousel component."
+    },
+    {
+      "name": "TextInput",
+      "category": "forms",
+      "purpose": "Reusable text input component."
+    },
+    {
+      "name": "TextLink",
+      "category": "actions",
+      "purpose": "Reusable text link component."
+    },
+    {
+      "name": "TextSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable text skeleton component."
+    },
+    {
+      "name": "ThemeColorPicker",
+      "category": "forms",
+      "purpose": "Reusable theme color picker component."
+    },
+    {
+      "name": "ThemeSwitcher",
+      "category": "content",
+      "purpose": "Reusable theme switcher component."
+    },
+    {
+      "name": "TimeInput",
+      "category": "forms",
+      "purpose": "Reusable time input component."
+    },
+    {
+      "name": "TimePicker",
+      "category": "forms",
+      "purpose": "Reusable time picker component."
+    },
+    {
+      "name": "TimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable time range picker component."
+    },
+    {
+      "name": "Timeline",
+      "category": "visualization",
+      "purpose": "Reusable timeline component."
+    },
+    {
+      "name": "TimelineChart",
+      "category": "visualization",
+      "purpose": "Reusable timeline chart component."
+    },
+    {
+      "name": "TimelineItem",
+      "category": "content",
+      "purpose": "Reusable timeline item component."
+    },
+    {
+      "name": "TimeoutInput",
+      "category": "forms",
+      "purpose": "Reusable timeout input component."
+    },
+    {
+      "name": "TimezoneAwareTimePicker",
+      "category": "forms",
+      "purpose": "Reusable timezone aware time picker component."
+    },
+    {
+      "name": "TimezoneSelector",
+      "category": "forms",
+      "purpose": "Reusable timezone selector component."
+    },
+    {
+      "name": "ToastAction",
+      "category": "actions",
+      "purpose": "Reusable toast action component."
+    },
+    {
+      "name": "ToastIcon",
+      "category": "content",
+      "purpose": "Reusable toast icon component."
+    },
+    {
+      "name": "ToastProgress",
+      "category": "visualization",
+      "purpose": "Reusable toast progress component."
+    },
+    {
+      "name": "Toggle",
+      "category": "forms",
+      "purpose": "Reusable toggle component."
+    },
+    {
+      "name": "ToggleGroup",
+      "category": "forms",
+      "purpose": "Reusable toggle group component."
+    },
+    {
+      "name": "TokenInput",
+      "category": "forms",
+      "purpose": "Reusable token input component."
+    },
+    {
+      "name": "Tooltip",
+      "category": "content",
+      "purpose": "Reusable tooltip component."
+    },
+    {
+      "name": "TotpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable totp verification form component."
+    },
+    {
+      "name": "TranslatedText",
+      "category": "content",
+      "purpose": "Reusable translated text component."
+    },
+    {
+      "name": "TreeTable",
+      "category": "data",
+      "purpose": "Reusable tree table component."
+    },
+    {
+      "name": "TrendIndicator",
+      "category": "feedback",
+      "purpose": "Reusable trend indicator component."
+    },
+    {
+      "name": "TruncatedText",
+      "category": "content",
+      "purpose": "Reusable truncated text component."
+    },
+    {
+      "name": "TrustBadgeList",
+      "category": "data",
+      "purpose": "Reusable trust badge list component."
+    },
+    {
+      "name": "UnavailableRegionState",
+      "category": "feedback",
+      "purpose": "Reusable unavailable region state component."
+    },
+    {
+      "name": "UnifiedTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable unified timeline preview component."
+    },
+    {
+      "name": "UnsavedChangesDialog",
+      "category": "overlays",
+      "purpose": "Reusable unsaved changes dialog component."
+    },
+    {
+      "name": "UploadItem",
+      "category": "content",
+      "purpose": "Reusable upload item component."
+    },
+    {
+      "name": "UploadPreview",
+      "category": "content",
+      "purpose": "Reusable upload preview component."
+    },
+    {
+      "name": "UploadProgress",
+      "category": "visualization",
+      "purpose": "Reusable upload progress component."
+    },
+    {
+      "name": "UptimeChart",
+      "category": "visualization",
+      "purpose": "Reusable uptime chart component."
+    },
+    {
+      "name": "UptimeMetric",
+      "category": "visualization",
+      "purpose": "Reusable uptime metric component."
+    },
+    {
+      "name": "UrlInput",
+      "category": "forms",
+      "purpose": "Reusable url input component."
+    },
+    {
+      "name": "UsagePricingTable",
+      "category": "data",
+      "purpose": "Reusable usage pricing table component."
+    },
+    {
+      "name": "UseCaseSelector",
+      "category": "forms",
+      "purpose": "Reusable use case selector component."
+    },
+    {
+      "name": "UserCard",
+      "category": "content",
+      "purpose": "Reusable user card component."
+    },
+    {
+      "name": "UsernameInput",
+      "category": "forms",
+      "purpose": "Reusable username input component."
+    },
+    {
+      "name": "ValueCard",
+      "category": "content",
+      "purpose": "Reusable value card component."
+    },
+    {
+      "name": "ValuesGrid",
+      "category": "data",
+      "purpose": "Reusable values grid component."
+    },
+    {
+      "name": "VerificationCodeInput",
+      "category": "forms",
+      "purpose": "Reusable verification code input component."
+    },
+    {
+      "name": "VerifiedBadge",
+      "category": "feedback",
+      "purpose": "Reusable verified badge component."
+    },
+    {
+      "name": "VersionSelector",
+      "category": "forms",
+      "purpose": "Reusable version selector component."
+    },
+    {
+      "name": "VerticalTabs",
+      "category": "content",
+      "purpose": "Reusable vertical tabs component."
+    },
+    {
+      "name": "VideoCard",
+      "category": "content",
+      "purpose": "Reusable video card component."
+    },
+    {
+      "name": "VideoPreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable video preview dialog component."
+    },
+    {
+      "name": "VideoUpload",
+      "category": "content",
+      "purpose": "Reusable video upload component."
+    },
+    {
+      "name": "VirtualizedTable",
+      "category": "data",
+      "purpose": "Reusable virtualized table component."
+    },
+    {
+      "name": "VisionSection",
+      "category": "layout",
+      "purpose": "Reusable vision section component."
+    },
+    {
+      "name": "VoiceScriptComposer",
+      "category": "content",
+      "purpose": "Reusable voice script composer component."
+    },
+    {
+      "name": "VoiceScriptEditor",
+      "category": "forms",
+      "purpose": "Reusable voice script editor component."
+    },
+    {
+      "name": "VolumeInput",
+      "category": "forms",
+      "purpose": "Reusable volume input component."
+    },
+    {
+      "name": "VolumeSlider",
+      "category": "content",
+      "purpose": "Reusable volume slider component."
+    },
+    {
+      "name": "WarningCard",
+      "category": "content",
+      "purpose": "Reusable warning card component."
+    },
+    {
+      "name": "WebhookEventCard",
+      "category": "content",
+      "purpose": "Reusable webhook event card component."
+    },
+    {
+      "name": "WebhookFlowDiagram",
+      "category": "visualization",
+      "purpose": "Reusable webhook flow diagram component."
+    },
+    {
+      "name": "WebhookPayloadViewer",
+      "category": "content",
+      "purpose": "Reusable webhook payload viewer component."
+    },
+    {
+      "name": "WebhookUrlInput",
+      "category": "forms",
+      "purpose": "Reusable webhook url input component."
+    },
+    {
+      "name": "WebinarCard",
+      "category": "content",
+      "purpose": "Reusable webinar card component."
+    },
+    {
+      "name": "WebinarRegistrationForm",
+      "category": "content",
+      "purpose": "Reusable webinar registration form component."
+    },
+    {
+      "name": "WhatsAppComposer",
+      "category": "content",
+      "purpose": "Reusable whats app composer component."
+    },
+    {
+      "name": "WhatsAppNumberInput",
+      "category": "forms",
+      "purpose": "Reusable whats app number input component."
+    },
+    {
+      "name": "WhatsAppTemplateEditor",
+      "category": "forms",
+      "purpose": "Reusable whats app template editor component."
+    },
+    {
+      "name": "Wizard",
+      "category": "content",
+      "purpose": "Reusable wizard component."
+    },
+    {
+      "name": "WizardHeader",
+      "category": "layout",
+      "purpose": "Reusable wizard header component."
+    },
+    {
+      "name": "WizardNavigation",
+      "category": "layout",
+      "purpose": "Reusable wizard navigation component."
+    },
+    {
+      "name": "WorkflowCanvasPreview",
+      "category": "content",
+      "purpose": "Reusable workflow canvas preview component."
+    },
+    {
+      "name": "WorkflowProgress",
+      "category": "visualization",
+      "purpose": "Reusable workflow progress component."
+    },
+    {
+      "name": "WorkspaceCard",
+      "category": "content",
+      "purpose": "Reusable workspace card component."
+    },
+    {
+      "name": "WorkspaceSelector",
+      "category": "forms",
+      "purpose": "Reusable workspace selector component."
+    },
+    {
+      "name": "WorkspaceSwitcher",
+      "category": "content",
+      "purpose": "Reusable workspace switcher component."
+    },
+    {
+      "name": "YearPicker",
+      "category": "forms",
+      "purpose": "Reusable year picker component."
+    },
+    {
+      "name": "ZoomSlider",
+      "category": "content",
+      "purpose": "Reusable zoom slider component."
+    }
+  ]
+}
diff --git a/.publish/ui/component-reference.json b/.publish/ui/component-reference.json
new file mode 100644
index 00000000..1a446b1e
--- /dev/null
+++ b/.publish/ui/component-reference.json
@@ -0,0 +1,46953 @@
+{
+  "generatedFrom": "packages/ui/components/*.wrn",
+  "count": 891,
+  "components": [
+    {
+      "name": "AcceptAllCookiesButton",
+      "mount": "AcceptAllCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable accept all cookies button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AcceptAllCookiesButton.wrn"
+    },
+    {
+      "name": "AccessibleAccordion",
+      "mount": "AccessibleAccordion",
+      "category": "content",
+      "purpose": "Reusable accessible accordion component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleAccordion.wrn"
+    },
+    {
+      "name": "AccessibleCarousel",
+      "mount": "AccessibleCarousel",
+      "category": "content",
+      "purpose": "Reusable accessible carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleCarousel.wrn"
+    },
+    {
+      "name": "AccessibleChartSummary",
+      "mount": "AccessibleChartSummary",
+      "category": "content",
+      "purpose": "Reusable accessible chart summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleChartSummary.wrn"
+    },
+    {
+      "name": "AccessibleDialog",
+      "mount": "AccessibleDialog",
+      "category": "overlays",
+      "purpose": "Reusable accessible dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleDialog.wrn"
+    },
+    {
+      "name": "AccessibleErrorSummary",
+      "mount": "AccessibleErrorSummary",
+      "category": "content",
+      "purpose": "Reusable accessible error summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleErrorSummary.wrn"
+    },
+    {
+      "name": "AccessibleIcon",
+      "mount": "AccessibleIcon",
+      "category": "content",
+      "purpose": "Reusable accessible icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleIcon.wrn"
+    },
+    {
+      "name": "AccessibleMenu",
+      "mount": "AccessibleMenu",
+      "category": "overlays",
+      "purpose": "Reusable accessible menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleMenu.wrn"
+    },
+    {
+      "name": "AccessibleTabs",
+      "mount": "AccessibleTabs",
+      "category": "content",
+      "purpose": "Reusable accessible tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleTabs.wrn"
+    },
+    {
+      "name": "AccessibleTooltip",
+      "mount": "AccessibleTooltip",
+      "category": "content",
+      "purpose": "Reusable accessible tooltip component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleTooltip.wrn"
+    },
+    {
+      "name": "Accordion",
+      "mount": "Accordion",
+      "category": "content",
+      "purpose": "Reusable accordion component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Question\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Accordion.wrn"
+    },
+    {
+      "name": "AccountMenu",
+      "mount": "AccountMenu",
+      "category": "overlays",
+      "purpose": "Reusable account menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccountMenu.wrn"
+    },
+    {
+      "name": "AccountStatusBanner",
+      "mount": "AccountStatusBanner",
+      "category": "feedback",
+      "purpose": "Reusable account status banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"AccountStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccountStatusBanner.wrn"
+    },
+    {
+      "name": "ActionMenu",
+      "mount": "ActionMenu",
+      "category": "overlays",
+      "purpose": "Reusable action menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActionMenu.wrn"
+    },
+    {
+      "name": "ActiveFilterList",
+      "mount": "ActiveFilterList",
+      "category": "data",
+      "purpose": "Reusable active filter list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActiveFilterList.wrn"
+    },
+    {
+      "name": "ActivityList",
+      "mount": "ActivityList",
+      "category": "data",
+      "purpose": "Reusable activity list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActivityList.wrn"
+    },
+    {
+      "name": "AddOnCard",
+      "mount": "AddOnCard",
+      "category": "content",
+      "purpose": "Reusable add on card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddOnCard.wrn"
+    },
+    {
+      "name": "AddressInput",
+      "mount": "AddressInput",
+      "category": "forms",
+      "purpose": "Reusable address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Address\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddressInput.wrn"
+    },
+    {
+      "name": "AddressPreview",
+      "mount": "AddressPreview",
+      "category": "content",
+      "purpose": "Reusable address preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddressPreview.wrn"
+    },
+    {
+      "name": "AdvancedFilterBuilder",
+      "mount": "AdvancedFilterBuilder",
+      "category": "content",
+      "purpose": "Reusable advanced filter builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AdvancedFilterBuilder.wrn"
+    },
+    {
+      "name": "Alert",
+      "mount": "Alert",
+      "category": "feedback",
+      "purpose": "Reusable alert component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Notice\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"info\""
+        },
+        {
+          "name": "dismissible",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Alert.wrn"
+    },
+    {
+      "name": "AlertDialog",
+      "mount": "AlertDialog",
+      "category": "overlays",
+      "purpose": "Reusable alert dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AlertDialog.wrn"
+    },
+    {
+      "name": "AmountInput",
+      "mount": "AmountInput",
+      "category": "forms",
+      "purpose": "Reusable amount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Amount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AmountInput.wrn"
+    },
+    {
+      "name": "AnalyticsDashboardPreview",
+      "mount": "AnalyticsDashboardPreview",
+      "category": "content",
+      "purpose": "Reusable analytics dashboard preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AnalyticsDashboardPreview.wrn"
+    },
+    {
+      "name": "AnchorNavigation",
+      "mount": "AnchorNavigation",
+      "category": "layout",
+      "purpose": "Reusable anchor navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AnchorNavigation.wrn"
+    },
+    {
+      "name": "AnnouncementBar",
+      "mount": "AnnouncementBar",
+      "category": "core",
+      "purpose": "Reusable announcement bar component.",
+      "props": [
+        {
+          "name": "badge",
+          "type": "string",
+          "required": false,
+          "default": "\"New\""
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "required": false,
+          "default": "\"WrNexus Organizations is now available.\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"/organizations\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Explore organizations\""
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Announcement\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/AnnouncementBar.wrn"
+    },
+    {
+      "name": "ApartmentInput",
+      "mount": "ApartmentInput",
+      "category": "forms",
+      "purpose": "Reusable apartment input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Apartment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApartmentInput.wrn"
+    },
+    {
+      "name": "ApiAuthenticationNotice",
+      "mount": "ApiAuthenticationNotice",
+      "category": "feedback",
+      "purpose": "Reusable api authentication notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiAuthentication\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiAuthenticationNotice.wrn"
+    },
+    {
+      "name": "ApiEndpointCard",
+      "mount": "ApiEndpointCard",
+      "category": "content",
+      "purpose": "Reusable api endpoint card component.",
+      "props": [
+        {
+          "name": "method",
+          "type": "string",
+          "required": false,
+          "default": "\"GET\""
+        },
+        {
+          "name": "path",
+          "type": "string",
+          "required": false,
+          "default": "\"/api/example\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiEndpointCard.wrn"
+    },
+    {
+      "name": "ApiErrorExample",
+      "mount": "ApiErrorExample",
+      "category": "content",
+      "purpose": "Reusable api error example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiErrorExample.wrn"
+    },
+    {
+      "name": "ApiHeaderTable",
+      "mount": "ApiHeaderTable",
+      "category": "data",
+      "purpose": "Reusable api header table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiHeaderTable.wrn"
+    },
+    {
+      "name": "ApiKeyCreateDialog",
+      "mount": "ApiKeyCreateDialog",
+      "category": "overlays",
+      "purpose": "Reusable api key create dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyCreateDialog.wrn"
+    },
+    {
+      "name": "ApiKeyDisplay",
+      "mount": "ApiKeyDisplay",
+      "category": "content",
+      "purpose": "Reusable api key display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyDisplay.wrn"
+    },
+    {
+      "name": "ApiKeyInput",
+      "mount": "ApiKeyInput",
+      "category": "forms",
+      "purpose": "Reusable api key input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiKey\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyInput.wrn"
+    },
+    {
+      "name": "ApiMethodBadge",
+      "mount": "ApiMethodBadge",
+      "category": "feedback",
+      "purpose": "Reusable api method badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiMethod\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiMethodBadge.wrn"
+    },
+    {
+      "name": "ApiParameterTable",
+      "mount": "ApiParameterTable",
+      "category": "data",
+      "purpose": "Reusable api parameter table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiParameterTable.wrn"
+    },
+    {
+      "name": "ApiRateLimitNotice",
+      "mount": "ApiRateLimitNotice",
+      "category": "feedback",
+      "purpose": "Reusable api rate limit notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiRateLimit\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiRateLimitNotice.wrn"
+    },
+    {
+      "name": "ApiRequestExample",
+      "mount": "ApiRequestExample",
+      "category": "content",
+      "purpose": "Reusable api request example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiRequestExample.wrn"
+    },
+    {
+      "name": "ApiResponseExample",
+      "mount": "ApiResponseExample",
+      "category": "content",
+      "purpose": "Reusable api response example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiResponseExample.wrn"
+    },
+    {
+      "name": "ApiSchemaTable",
+      "mount": "ApiSchemaTable",
+      "category": "data",
+      "purpose": "Reusable api schema table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiSchemaTable.wrn"
+    },
+    {
+      "name": "ApiSchemaViewer",
+      "mount": "ApiSchemaViewer",
+      "category": "content",
+      "purpose": "Reusable api schema viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiSchemaViewer.wrn"
+    },
+    {
+      "name": "ApiVersionBadge",
+      "mount": "ApiVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable api version badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiVersion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiVersionBadge.wrn"
+    },
+    {
+      "name": "AppHeader",
+      "mount": "AppHeader",
+      "category": "layout",
+      "purpose": "Reusable app header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AppHeader.wrn"
+    },
+    {
+      "name": "ArchitectureSection",
+      "mount": "ArchitectureSection",
+      "category": "layout",
+      "purpose": "Reusable architecture section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArchitectureSection.wrn"
+    },
+    {
+      "name": "AreaChart",
+      "mount": "AreaChart",
+      "category": "visualization",
+      "purpose": "Reusable area chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AreaChart.wrn"
+    },
+    {
+      "name": "ArticleHero",
+      "mount": "ArticleHero",
+      "category": "layout",
+      "purpose": "Reusable article hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleHero.wrn"
+    },
+    {
+      "name": "ArticleLayout",
+      "mount": "ArticleLayout",
+      "category": "layout",
+      "purpose": "Reusable article layout component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleLayout.wrn"
+    },
+    {
+      "name": "ArticleNewsletterCTA",
+      "mount": "ArticleNewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable article newsletter c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleNewsletterCTA.wrn"
+    },
+    {
+      "name": "ArticlePageShell",
+      "mount": "ArticlePageShell",
+      "category": "layout",
+      "purpose": "Reusable article page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticlePageShell.wrn"
+    },
+    {
+      "name": "ArticleShareActions",
+      "mount": "ArticleShareActions",
+      "category": "actions",
+      "purpose": "Reusable article share actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleShareActions.wrn"
+    },
+    {
+      "name": "AspectRatio",
+      "mount": "AspectRatio",
+      "category": "core",
+      "purpose": "Reusable aspect ratio component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AspectRatio.wrn"
+    },
+    {
+      "name": "AssetCard",
+      "mount": "AssetCard",
+      "category": "content",
+      "purpose": "Reusable asset card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AssetCard.wrn"
+    },
+    {
+      "name": "AttachmentPicker",
+      "mount": "AttachmentPicker",
+      "category": "forms",
+      "purpose": "Reusable attachment picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Attachment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AttachmentPicker.wrn"
+    },
+    {
+      "name": "AttachmentUpload",
+      "mount": "AttachmentUpload",
+      "category": "content",
+      "purpose": "Reusable attachment upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AttachmentUpload.wrn"
+    },
+    {
+      "name": "AudioUpload",
+      "mount": "AudioUpload",
+      "category": "content",
+      "purpose": "Reusable audio upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AudioUpload.wrn"
+    },
+    {
+      "name": "AuditLogPreview",
+      "mount": "AuditLogPreview",
+      "category": "content",
+      "purpose": "Reusable audit log preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuditLogPreview.wrn"
+    },
+    {
+      "name": "AuditTable",
+      "mount": "AuditTable",
+      "category": "data",
+      "purpose": "Reusable audit table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuditTable.wrn"
+    },
+    {
+      "name": "AuthenticatorCodeInput",
+      "mount": "AuthenticatorCodeInput",
+      "category": "forms",
+      "purpose": "Reusable authenticator code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"AuthenticatorCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthenticatorCodeInput.wrn"
+    },
+    {
+      "name": "AuthorAvatar",
+      "mount": "AuthorAvatar",
+      "category": "content",
+      "purpose": "Reusable author avatar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorAvatar.wrn"
+    },
+    {
+      "name": "AuthorCard",
+      "mount": "AuthorCard",
+      "category": "content",
+      "purpose": "Reusable author card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorCard.wrn"
+    },
+    {
+      "name": "AuthorizedApplicationCard",
+      "mount": "AuthorizedApplicationCard",
+      "category": "content",
+      "purpose": "Reusable authorized application card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorizedApplicationCard.wrn"
+    },
+    {
+      "name": "AutoGrid",
+      "mount": "AutoGrid",
+      "category": "data",
+      "purpose": "Reusable auto grid component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AutoGrid.wrn"
+    },
+    {
+      "name": "AutomationExampleCard",
+      "mount": "AutomationExampleCard",
+      "category": "content",
+      "purpose": "Reusable automation example card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AutomationExampleCard.wrn"
+    },
+    {
+      "name": "AvailabilityCalendar",
+      "mount": "AvailabilityCalendar",
+      "category": "content",
+      "purpose": "Reusable availability calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvailabilityCalendar.wrn"
+    },
+    {
+      "name": "Avatar",
+      "mount": "Avatar",
+      "category": "content",
+      "purpose": "Reusable avatar component.",
+      "props": [
+        {
+          "name": "src",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "initials",
+          "type": "string",
+          "required": false,
+          "default": "\"WR\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Avatar.wrn"
+    },
+    {
+      "name": "AvatarGroup",
+      "mount": "AvatarGroup",
+      "category": "forms",
+      "purpose": "Reusable avatar group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Avatar\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvatarGroup.wrn"
+    },
+    {
+      "name": "AvatarUpload",
+      "mount": "AvatarUpload",
+      "category": "content",
+      "purpose": "Reusable avatar upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvatarUpload.wrn"
+    },
+    {
+      "name": "BackButton",
+      "mount": "BackButton",
+      "category": "actions",
+      "purpose": "Reusable back button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BackButton.wrn"
+    },
+    {
+      "name": "BackToTop",
+      "mount": "BackToTop",
+      "category": "core",
+      "purpose": "Reusable back to top component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Back to top\""
+        },
+        {
+          "name": "assistiveLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Return to the top of the page\""
+        },
+        {
+          "name": "threshold",
+          "type": "number",
+          "required": false,
+          "default": "500"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/BackToTop.wrn"
+    },
+    {
+      "name": "Badge",
+      "mount": "Badge",
+      "category": "feedback",
+      "purpose": "Reusable badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Badge\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"neutral\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Badge.wrn"
+    },
+    {
+      "name": "BankTransferDetails",
+      "mount": "BankTransferDetails",
+      "category": "content",
+      "purpose": "Reusable bank transfer details component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BankTransferDetails.wrn"
+    },
+    {
+      "name": "Banner",
+      "mount": "Banner",
+      "category": "feedback",
+      "purpose": "Reusable banner component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"Announcement\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"brand\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Banner.wrn"
+    },
+    {
+      "name": "BarChart",
+      "mount": "BarChart",
+      "category": "visualization",
+      "purpose": "Reusable bar chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BarChart.wrn"
+    },
+    {
+      "name": "BetaBadge",
+      "mount": "BetaBadge",
+      "category": "feedback",
+      "purpose": "Reusable beta badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Beta\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BetaBadge.wrn"
+    },
+    {
+      "name": "BillingAddressForm",
+      "mount": "BillingAddressForm",
+      "category": "content",
+      "purpose": "Reusable billing address form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingAddressForm.wrn"
+    },
+    {
+      "name": "BillingExample",
+      "mount": "BillingExample",
+      "category": "content",
+      "purpose": "Reusable billing example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingExample.wrn"
+    },
+    {
+      "name": "BillingPeriodToggle",
+      "mount": "BillingPeriodToggle",
+      "category": "forms",
+      "purpose": "Reusable billing period toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BillingPeriod\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingPeriodToggle.wrn"
+    },
+    {
+      "name": "BlackoutDatePicker",
+      "mount": "BlackoutDatePicker",
+      "category": "forms",
+      "purpose": "Reusable blackout date picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BlackoutDate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlackoutDatePicker.wrn"
+    },
+    {
+      "name": "BlogCard",
+      "mount": "BlogCard",
+      "category": "content",
+      "purpose": "Reusable blog card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogCard.wrn"
+    },
+    {
+      "name": "BlogGrid",
+      "mount": "BlogGrid",
+      "category": "data",
+      "purpose": "Reusable blog grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogGrid.wrn"
+    },
+    {
+      "name": "BlogList",
+      "mount": "BlogList",
+      "category": "data",
+      "purpose": "Reusable blog list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogList.wrn"
+    },
+    {
+      "name": "BlogSearch",
+      "mount": "BlogSearch",
+      "category": "content",
+      "purpose": "Reusable blog search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogSearch.wrn"
+    },
+    {
+      "name": "BodyText",
+      "mount": "BodyText",
+      "category": "content",
+      "purpose": "Reusable body text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BodyText.wrn"
+    },
+    {
+      "name": "BorderRadiusPicker",
+      "mount": "BorderRadiusPicker",
+      "category": "forms",
+      "purpose": "Reusable border radius picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BorderRadius\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BorderRadiusPicker.wrn"
+    },
+    {
+      "name": "BottomNavigation",
+      "mount": "BottomNavigation",
+      "category": "layout",
+      "purpose": "Reusable bottom navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BottomNavigation.wrn"
+    },
+    {
+      "name": "BrandColorPicker",
+      "mount": "BrandColorPicker",
+      "category": "forms",
+      "purpose": "Reusable brand color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BrandColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrandColorPicker.wrn"
+    },
+    {
+      "name": "BrandSelector",
+      "mount": "BrandSelector",
+      "category": "forms",
+      "purpose": "Reusable brand selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Brand\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrandSelector.wrn"
+    },
+    {
+      "name": "Breadcrumbs",
+      "mount": "Breadcrumbs",
+      "category": "core",
+      "purpose": "Reusable breadcrumbs component.",
+      "props": [
+        {
+          "name": "homeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Home\""
+        },
+        {
+          "name": "homeHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        },
+        {
+          "name": "current",
+          "type": "string",
+          "required": false,
+          "default": "\"Current page\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Breadcrumbs.wrn"
+    },
+    {
+      "name": "BrowserFrame",
+      "mount": "BrowserFrame",
+      "category": "layout",
+      "purpose": "Reusable browser frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrowserFrame.wrn"
+    },
+    {
+      "name": "BudgetRangeSlider",
+      "mount": "BudgetRangeSlider",
+      "category": "content",
+      "purpose": "Reusable budget range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BudgetRangeSlider.wrn"
+    },
+    {
+      "name": "BudgetSelector",
+      "mount": "BudgetSelector",
+      "category": "forms",
+      "purpose": "Reusable budget selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Budget\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BudgetSelector.wrn"
+    },
+    {
+      "name": "BusinessHoursPicker",
+      "mount": "BusinessHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable business hours picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BusinessHours\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BusinessHoursPicker.wrn"
+    },
+    {
+      "name": "Button",
+      "mount": "Button",
+      "category": "actions",
+      "purpose": "Reusable button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Button.wrn"
+    },
+    {
+      "name": "ButtonGroup",
+      "mount": "ButtonGroup",
+      "category": "forms",
+      "purpose": "Reusable button group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ButtonGroup.wrn"
+    },
+    {
+      "name": "ButtonSelector",
+      "mount": "ButtonSelector",
+      "category": "forms",
+      "purpose": "Reusable button selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ButtonSelector.wrn"
+    },
+    {
+      "name": "Calendar",
+      "mount": "Calendar",
+      "category": "content",
+      "purpose": "Reusable calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Calendar.wrn"
+    },
+    {
+      "name": "CalendarGrid",
+      "mount": "CalendarGrid",
+      "category": "data",
+      "purpose": "Reusable calendar grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarGrid.wrn"
+    },
+    {
+      "name": "CalendarHeader",
+      "mount": "CalendarHeader",
+      "category": "layout",
+      "purpose": "Reusable calendar header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarHeader.wrn"
+    },
+    {
+      "name": "CalendarNavigation",
+      "mount": "CalendarNavigation",
+      "category": "layout",
+      "purpose": "Reusable calendar navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarNavigation.wrn"
+    },
+    {
+      "name": "CallbackUrlInput",
+      "mount": "CallbackUrlInput",
+      "category": "forms",
+      "purpose": "Reusable callback url input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CallbackUrl\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CallbackUrlInput.wrn"
+    },
+    {
+      "name": "CampaignCard",
+      "mount": "CampaignCard",
+      "category": "content",
+      "purpose": "Reusable campaign card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignCard.wrn"
+    },
+    {
+      "name": "CampaignPerformancePreview",
+      "mount": "CampaignPerformancePreview",
+      "category": "content",
+      "purpose": "Reusable campaign performance preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignPerformancePreview.wrn"
+    },
+    {
+      "name": "CampaignProgress",
+      "mount": "CampaignProgress",
+      "category": "visualization",
+      "purpose": "Reusable campaign progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignProgress.wrn"
+    },
+    {
+      "name": "CapabilityGrid",
+      "mount": "CapabilityGrid",
+      "category": "data",
+      "purpose": "Reusable capability grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CapabilityGrid.wrn"
+    },
+    {
+      "name": "CaptchaField",
+      "mount": "CaptchaField",
+      "category": "forms",
+      "purpose": "Reusable captcha field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Captcha\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaptchaField.wrn"
+    },
+    {
+      "name": "Card",
+      "mount": "Card",
+      "category": "content",
+      "purpose": "Reusable card component.",
+      "props": [
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "padding",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "interactive",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Card.wrn"
+    },
+    {
+      "name": "CardPaymentForm",
+      "mount": "CardPaymentForm",
+      "category": "content",
+      "purpose": "Reusable card payment form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardPaymentForm.wrn"
+    },
+    {
+      "name": "CardSelector",
+      "mount": "CardSelector",
+      "category": "forms",
+      "purpose": "Reusable card selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Card\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardSelector.wrn"
+    },
+    {
+      "name": "CardSkeleton",
+      "mount": "CardSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable card skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Card\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardSkeleton.wrn"
+    },
+    {
+      "name": "CareerApplicationForm",
+      "mount": "CareerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable career application form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CareerApplicationForm.wrn"
+    },
+    {
+      "name": "CareerBenefitsGrid",
+      "mount": "CareerBenefitsGrid",
+      "category": "data",
+      "purpose": "Reusable career benefits grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CareerBenefitsGrid.wrn"
+    },
+    {
+      "name": "Carousel",
+      "mount": "Carousel",
+      "category": "content",
+      "purpose": "Reusable carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Carousel.wrn"
+    },
+    {
+      "name": "CaseStudyCard",
+      "mount": "CaseStudyCard",
+      "category": "content",
+      "purpose": "Reusable case study card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyCard.wrn"
+    },
+    {
+      "name": "CaseStudyHero",
+      "mount": "CaseStudyHero",
+      "category": "layout",
+      "purpose": "Reusable case study hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyHero.wrn"
+    },
+    {
+      "name": "CaseStudyPreview",
+      "mount": "CaseStudyPreview",
+      "category": "content",
+      "purpose": "Reusable case study preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyPreview.wrn"
+    },
+    {
+      "name": "CenteredCTA",
+      "mount": "CenteredCTA",
+      "category": "actions",
+      "purpose": "Reusable centered c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredCTA.wrn"
+    },
+    {
+      "name": "CenteredHero",
+      "mount": "CenteredHero",
+      "category": "layout",
+      "purpose": "Reusable centered hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredHero.wrn"
+    },
+    {
+      "name": "CenteredSectionHeader",
+      "mount": "CenteredSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable centered section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredSectionHeader.wrn"
+    },
+    {
+      "name": "CertificateUpload",
+      "mount": "CertificateUpload",
+      "category": "content",
+      "purpose": "Reusable certificate upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CertificateUpload.wrn"
+    },
+    {
+      "name": "CertificationBadge",
+      "mount": "CertificationBadge",
+      "category": "feedback",
+      "purpose": "Reusable certification badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Certification\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CertificationBadge.wrn"
+    },
+    {
+      "name": "ChallengeSection",
+      "mount": "ChallengeSection",
+      "category": "layout",
+      "purpose": "Reusable challenge section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChallengeSection.wrn"
+    },
+    {
+      "name": "ChannelBadge",
+      "mount": "ChannelBadge",
+      "category": "feedback",
+      "purpose": "Reusable channel badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Channel\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelBadge.wrn"
+    },
+    {
+      "name": "ChannelCard",
+      "mount": "ChannelCard",
+      "category": "content",
+      "purpose": "Reusable channel card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelCard.wrn"
+    },
+    {
+      "name": "ChannelComparisonChart",
+      "mount": "ChannelComparisonChart",
+      "category": "visualization",
+      "purpose": "Reusable channel comparison chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelComparisonChart.wrn"
+    },
+    {
+      "name": "ChannelComparisonTable",
+      "mount": "ChannelComparisonTable",
+      "category": "data",
+      "purpose": "Reusable channel comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelComparisonTable.wrn"
+    },
+    {
+      "name": "ChannelFallbackDiagram",
+      "mount": "ChannelFallbackDiagram",
+      "category": "visualization",
+      "purpose": "Reusable channel fallback diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelFallbackDiagram.wrn"
+    },
+    {
+      "name": "ChannelFlow",
+      "mount": "ChannelFlow",
+      "category": "visualization",
+      "purpose": "Reusable channel flow component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelFlow.wrn"
+    },
+    {
+      "name": "ChannelIcon",
+      "mount": "ChannelIcon",
+      "category": "content",
+      "purpose": "Reusable channel icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelIcon.wrn"
+    },
+    {
+      "name": "ChannelRateTable",
+      "mount": "ChannelRateTable",
+      "category": "data",
+      "purpose": "Reusable channel rate table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelRateTable.wrn"
+    },
+    {
+      "name": "ChannelSelector",
+      "mount": "ChannelSelector",
+      "category": "forms",
+      "purpose": "Reusable channel selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Channel\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelSelector.wrn"
+    },
+    {
+      "name": "CharacterCounter",
+      "mount": "CharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable character counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Character\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CharacterCounter.wrn"
+    },
+    {
+      "name": "ChartEmptyState",
+      "mount": "ChartEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable chart empty state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ChartEmpty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChartEmptyState.wrn"
+    },
+    {
+      "name": "ChartTooltip",
+      "mount": "ChartTooltip",
+      "category": "content",
+      "purpose": "Reusable chart tooltip component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChartTooltip.wrn"
+    },
+    {
+      "name": "Checkbox",
+      "mount": "Checkbox",
+      "category": "core",
+      "purpose": "Reusable checkbox component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Checkbox\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Checkbox.wrn"
+    },
+    {
+      "name": "CheckboxGroup",
+      "mount": "CheckboxGroup",
+      "category": "forms",
+      "purpose": "Reusable checkbox group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Checkbox\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CheckboxGroup.wrn"
+    },
+    {
+      "name": "Checklist",
+      "mount": "Checklist",
+      "category": "content",
+      "purpose": "Reusable checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Checklist.wrn"
+    },
+    {
+      "name": "ChecklistProgress",
+      "mount": "ChecklistProgress",
+      "category": "visualization",
+      "purpose": "Reusable checklist progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChecklistProgress.wrn"
+    },
+    {
+      "name": "Chip",
+      "mount": "Chip",
+      "category": "core",
+      "purpose": "Reusable chip component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Chip\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Chip.wrn"
+    },
+    {
+      "name": "ChipInput",
+      "mount": "ChipInput",
+      "category": "forms",
+      "purpose": "Reusable chip input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Chip\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChipInput.wrn"
+    },
+    {
+      "name": "CircularProgress",
+      "mount": "CircularProgress",
+      "category": "visualization",
+      "purpose": "Reusable circular progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CircularProgress.wrn"
+    },
+    {
+      "name": "CitySelector",
+      "mount": "CitySelector",
+      "category": "forms",
+      "purpose": "Reusable city selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"City\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CitySelector.wrn"
+    },
+    {
+      "name": "ClearFiltersButton",
+      "mount": "ClearFiltersButton",
+      "category": "actions",
+      "purpose": "Reusable clear filters button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ClearFiltersButton.wrn"
+    },
+    {
+      "name": "ClickableCard",
+      "mount": "ClickableCard",
+      "category": "content",
+      "purpose": "Reusable clickable card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ClickableCard.wrn"
+    },
+    {
+      "name": "CloseButton",
+      "mount": "CloseButton",
+      "category": "actions",
+      "purpose": "Reusable close button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CloseButton.wrn"
+    },
+    {
+      "name": "Cluster",
+      "mount": "Cluster",
+      "category": "core",
+      "purpose": "Reusable cluster component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Cluster.wrn"
+    },
+    {
+      "name": "Code",
+      "mount": "Code",
+      "category": "content",
+      "purpose": "Reusable code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Code.wrn"
+    },
+    {
+      "name": "CodeBlock",
+      "mount": "CodeBlock",
+      "category": "content",
+      "purpose": "Reusable code block component.",
+      "props": [
+        {
+          "name": "language",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "filename",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "code",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/CodeBlock.wrn"
+    },
+    {
+      "name": "CodeCopyButton",
+      "mount": "CodeCopyButton",
+      "category": "actions",
+      "purpose": "Reusable code copy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeCopyButton.wrn"
+    },
+    {
+      "name": "CodeHeader",
+      "mount": "CodeHeader",
+      "category": "layout",
+      "purpose": "Reusable code header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeHeader.wrn"
+    },
+    {
+      "name": "CodeInput",
+      "mount": "CodeInput",
+      "category": "forms",
+      "purpose": "Reusable code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Code\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeInput.wrn"
+    },
+    {
+      "name": "CodeLanguageBadge",
+      "mount": "CodeLanguageBadge",
+      "category": "feedback",
+      "purpose": "Reusable code language badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CodeLanguage\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeLanguageBadge.wrn"
+    },
+    {
+      "name": "CodeTabs",
+      "mount": "CodeTabs",
+      "category": "content",
+      "purpose": "Reusable code tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeTabs.wrn"
+    },
+    {
+      "name": "CodeText",
+      "mount": "CodeText",
+      "category": "content",
+      "purpose": "Reusable code text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeText.wrn"
+    },
+    {
+      "name": "CohortChart",
+      "mount": "CohortChart",
+      "category": "visualization",
+      "purpose": "Reusable cohort chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CohortChart.wrn"
+    },
+    {
+      "name": "ColorGrid",
+      "mount": "ColorGrid",
+      "category": "data",
+      "purpose": "Reusable color grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorGrid.wrn"
+    },
+    {
+      "name": "ColorHexInput",
+      "mount": "ColorHexInput",
+      "category": "forms",
+      "purpose": "Reusable color hex input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ColorHex\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorHexInput.wrn"
+    },
+    {
+      "name": "ColorPicker",
+      "mount": "ColorPicker",
+      "category": "forms",
+      "purpose": "Reusable color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Color\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorPicker.wrn"
+    },
+    {
+      "name": "ColorSelector",
+      "mount": "ColorSelector",
+      "category": "forms",
+      "purpose": "Reusable color selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Color\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorSelector.wrn"
+    },
+    {
+      "name": "ColorSwatch",
+      "mount": "ColorSwatch",
+      "category": "content",
+      "purpose": "Reusable color swatch component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorSwatch.wrn"
+    },
+    {
+      "name": "Combobox",
+      "mount": "Combobox",
+      "category": "core",
+      "purpose": "Reusable combobox component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"combobox\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose an option\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"Search options\""
+        },
+        {
+          "name": "options",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Combobox.wrn"
+    },
+    {
+      "name": "ComingSoonBadge",
+      "mount": "ComingSoonBadge",
+      "category": "feedback",
+      "purpose": "Reusable coming soon badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComingSoon\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComingSoonBadge.wrn"
+    },
+    {
+      "name": "ComingSoonState",
+      "mount": "ComingSoonState",
+      "category": "feedback",
+      "purpose": "Reusable coming soon state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComingSoon\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComingSoonState.wrn"
+    },
+    {
+      "name": "CommandBlock",
+      "mount": "CommandBlock",
+      "category": "content",
+      "purpose": "Reusable command block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandBlock.wrn"
+    },
+    {
+      "name": "CommandMenu",
+      "mount": "CommandMenu",
+      "category": "overlays",
+      "purpose": "Reusable command menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandMenu.wrn"
+    },
+    {
+      "name": "CommandSearchInput",
+      "mount": "CommandSearchInput",
+      "category": "forms",
+      "purpose": "Reusable command search input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CommandSearch\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandSearchInput.wrn"
+    },
+    {
+      "name": "CompanyHero",
+      "mount": "CompanyHero",
+      "category": "layout",
+      "purpose": "Reusable company hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyHero.wrn"
+    },
+    {
+      "name": "CompanyNameInput",
+      "mount": "CompanyNameInput",
+      "category": "forms",
+      "purpose": "Reusable company name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CompanyName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyNameInput.wrn"
+    },
+    {
+      "name": "CompanyPageShell",
+      "mount": "CompanyPageShell",
+      "category": "layout",
+      "purpose": "Reusable company page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyPageShell.wrn"
+    },
+    {
+      "name": "CompanySizeSelector",
+      "mount": "CompanySizeSelector",
+      "category": "forms",
+      "purpose": "Reusable company size selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CompanySize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanySizeSelector.wrn"
+    },
+    {
+      "name": "ComparisonDateRangePicker",
+      "mount": "ComparisonDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable comparison date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComparisonDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComparisonDateRangePicker.wrn"
+    },
+    {
+      "name": "ComparisonTable",
+      "mount": "ComparisonTable",
+      "category": "data",
+      "purpose": "Reusable comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComparisonTable.wrn"
+    },
+    {
+      "name": "CompletionMeter",
+      "mount": "CompletionMeter",
+      "category": "visualization",
+      "purpose": "Reusable completion meter component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompletionMeter.wrn"
+    },
+    {
+      "name": "ComplianceBadgeList",
+      "mount": "ComplianceBadgeList",
+      "category": "data",
+      "purpose": "Reusable compliance badge list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComplianceBadgeList.wrn"
+    },
+    {
+      "name": "ComplianceProgramCard",
+      "mount": "ComplianceProgramCard",
+      "category": "content",
+      "purpose": "Reusable compliance program card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComplianceProgramCard.wrn"
+    },
+    {
+      "name": "ConfirmationDialog",
+      "mount": "ConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable confirmation dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Confirm action\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Are you sure you want to continue?\""
+        },
+        {
+          "name": "confirmLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Confirm\""
+        },
+        {
+          "name": "cancelLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Cancel\""
+        },
+        {
+          "name": "danger",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["confirm"],
+      "events": ["click"],
+      "source": "components/ConfirmationDialog.wrn"
+    },
+    {
+      "name": "ConfirmPasswordInput",
+      "mount": "ConfirmPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable confirm password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ConfirmPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConfirmPasswordInput.wrn"
+    },
+    {
+      "name": "ConnectedAccountCard",
+      "mount": "ConnectedAccountCard",
+      "category": "content",
+      "purpose": "Reusable connected account card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConnectedAccountCard.wrn"
+    },
+    {
+      "name": "ConnectionCard",
+      "mount": "ConnectionCard",
+      "category": "content",
+      "purpose": "Reusable connection card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConnectionCard.wrn"
+    },
+    {
+      "name": "ConsentTimelinePreview",
+      "mount": "ConsentTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable consent timeline preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConsentTimelinePreview.wrn"
+    },
+    {
+      "name": "ContactCard",
+      "mount": "ContactCard",
+      "category": "content",
+      "purpose": "Reusable contact card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactCard.wrn"
+    },
+    {
+      "name": "ContactCTA",
+      "mount": "ContactCTA",
+      "category": "actions",
+      "purpose": "Reusable contact c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactCTA.wrn"
+    },
+    {
+      "name": "ContactForm",
+      "mount": "ContactForm",
+      "category": "content",
+      "purpose": "Reusable contact form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactForm.wrn"
+    },
+    {
+      "name": "ContactHero",
+      "mount": "ContactHero",
+      "category": "layout",
+      "purpose": "Reusable contact hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactHero.wrn"
+    },
+    {
+      "name": "ContactPageShell",
+      "mount": "ContactPageShell",
+      "category": "layout",
+      "purpose": "Reusable contact page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactPageShell.wrn"
+    },
+    {
+      "name": "ContactSalesButton",
+      "mount": "ContactSalesButton",
+      "category": "actions",
+      "purpose": "Reusable contact sales button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactSalesButton.wrn"
+    },
+    {
+      "name": "ContactSalesForm",
+      "mount": "ContactSalesForm",
+      "category": "content",
+      "purpose": "Reusable contact sales form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactSalesForm.wrn"
+    },
+    {
+      "name": "Container",
+      "mount": "Container",
+      "category": "core",
+      "purpose": "Reusable container component.",
+      "props": [
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Container.wrn"
+    },
+    {
+      "name": "ContextMenu",
+      "mount": "ContextMenu",
+      "category": "overlays",
+      "purpose": "Reusable context menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContextMenu.wrn"
+    },
+    {
+      "name": "ContextSwitcher",
+      "mount": "ContextSwitcher",
+      "category": "content",
+      "purpose": "Reusable context switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContextSwitcher.wrn"
+    },
+    {
+      "name": "ConversationList",
+      "mount": "ConversationList",
+      "category": "data",
+      "purpose": "Reusable conversation list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversationList.wrn"
+    },
+    {
+      "name": "ConversationPreview",
+      "mount": "ConversationPreview",
+      "category": "content",
+      "purpose": "Reusable conversation preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversationPreview.wrn"
+    },
+    {
+      "name": "ConversionChart",
+      "mount": "ConversionChart",
+      "category": "visualization",
+      "purpose": "Reusable conversion chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversionChart.wrn"
+    },
+    {
+      "name": "CookieBanner",
+      "mount": "CookieBanner",
+      "category": "feedback",
+      "purpose": "Reusable cookie banner component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"We use cookies\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"We use essential cookies and optional analytics to improve your experience.\""
+        },
+        {
+          "name": "privacyHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/privacy\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/CookieBanner.wrn"
+    },
+    {
+      "name": "CookieCategoryList",
+      "mount": "CookieCategoryList",
+      "category": "data",
+      "purpose": "Reusable cookie category list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieCategoryList.wrn"
+    },
+    {
+      "name": "CookieCategoryToggle",
+      "mount": "CookieCategoryToggle",
+      "category": "forms",
+      "purpose": "Reusable cookie category toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CookieCategory\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieCategoryToggle.wrn"
+    },
+    {
+      "name": "CookieDetailsTable",
+      "mount": "CookieDetailsTable",
+      "category": "data",
+      "purpose": "Reusable cookie details table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieDetailsTable.wrn"
+    },
+    {
+      "name": "CookiePreferencesDialog",
+      "mount": "CookiePreferencesDialog",
+      "category": "overlays",
+      "purpose": "Reusable cookie preferences dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Cookie preferences\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose which optional cookies you allow. Essential cookies are always enabled.\""
+        },
+        {
+          "name": "saveLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Save preferences\""
+        },
+        {
+          "name": "acceptLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Accept all\""
+        },
+        {
+          "name": "rejectLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Reject optional\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["change", "click"],
+      "source": "components/CookiePreferencesDialog.wrn"
+    },
+    {
+      "name": "CookieTable",
+      "mount": "CookieTable",
+      "category": "data",
+      "purpose": "Reusable cookie table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieTable.wrn"
+    },
+    {
+      "name": "CoordinatesInput",
+      "mount": "CoordinatesInput",
+      "category": "forms",
+      "purpose": "Reusable coordinates input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coordinates\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CoordinatesInput.wrn"
+    },
+    {
+      "name": "CoordinatesPicker",
+      "mount": "CoordinatesPicker",
+      "category": "forms",
+      "purpose": "Reusable coordinates picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coordinates\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CoordinatesPicker.wrn"
+    },
+    {
+      "name": "CopyButton",
+      "mount": "CopyButton",
+      "category": "actions",
+      "purpose": "Reusable copy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopyButton.wrn"
+    },
+    {
+      "name": "CopyCodeButton",
+      "mount": "CopyCodeButton",
+      "category": "actions",
+      "purpose": "Reusable copy code button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopyCodeButton.wrn"
+    },
+    {
+      "name": "CopySecretField",
+      "mount": "CopySecretField",
+      "category": "forms",
+      "purpose": "Reusable copy secret field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CopySecret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopySecretField.wrn"
+    },
+    {
+      "name": "CostBreakdownChart",
+      "mount": "CostBreakdownChart",
+      "category": "visualization",
+      "purpose": "Reusable cost breakdown chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CostBreakdownChart.wrn"
+    },
+    {
+      "name": "CostSummary",
+      "mount": "CostSummary",
+      "category": "content",
+      "purpose": "Reusable cost summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CostSummary.wrn"
+    },
+    {
+      "name": "Counter",
+      "mount": "Counter",
+      "category": "feedback",
+      "purpose": "Reusable counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Status\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Counter.wrn"
+    },
+    {
+      "name": "CountryCallingCodeInput",
+      "mount": "CountryCallingCodeInput",
+      "category": "forms",
+      "purpose": "Reusable country calling code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CountryCallingCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountryCallingCodeInput.wrn"
+    },
+    {
+      "name": "CountryCallingCodeSelector",
+      "mount": "CountryCallingCodeSelector",
+      "category": "forms",
+      "purpose": "Reusable country calling code selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CountryCallingCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountryCallingCodeSelector.wrn"
+    },
+    {
+      "name": "CountrySelector",
+      "mount": "CountrySelector",
+      "category": "forms",
+      "purpose": "Reusable country selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Country\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountrySelector.wrn"
+    },
+    {
+      "name": "CouponInput",
+      "mount": "CouponInput",
+      "category": "forms",
+      "purpose": "Reusable coupon input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coupon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CouponInput.wrn"
+    },
+    {
+      "name": "CreditAmountInput",
+      "mount": "CreditAmountInput",
+      "category": "forms",
+      "purpose": "Reusable credit amount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CreditAmount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CreditAmountInput.wrn"
+    },
+    {
+      "name": "CronBuilder",
+      "mount": "CronBuilder",
+      "category": "content",
+      "purpose": "Reusable cron builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CronBuilder.wrn"
+    },
+    {
+      "name": "CronInput",
+      "mount": "CronInput",
+      "category": "forms",
+      "purpose": "Reusable cron input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Cron\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CronInput.wrn"
+    },
+    {
+      "name": "CsvUpload",
+      "mount": "CsvUpload",
+      "category": "content",
+      "purpose": "Reusable csv upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CsvUpload.wrn"
+    },
+    {
+      "name": "CTASection",
+      "mount": "CTASection",
+      "category": "layout",
+      "purpose": "Reusable c t a section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"Ready?\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Start building today\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "primaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        },
+        {
+          "name": "primaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "secondaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Contact sales\""
+        },
+        {
+          "name": "secondaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/CTASection.wrn"
+    },
+    {
+      "name": "CurrencyInput",
+      "mount": "CurrencyInput",
+      "category": "forms",
+      "purpose": "Reusable currency input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Currency\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrencyInput.wrn"
+    },
+    {
+      "name": "CurrencySelector",
+      "mount": "CurrencySelector",
+      "category": "forms",
+      "purpose": "Reusable currency selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Currency\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrencySelector.wrn"
+    },
+    {
+      "name": "CurrentPasswordInput",
+      "mount": "CurrentPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable current password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CurrentPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrentPasswordInput.wrn"
+    },
+    {
+      "name": "CustomerLogo",
+      "mount": "CustomerLogo",
+      "category": "content",
+      "purpose": "Reusable customer logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CustomerLogo.wrn"
+    },
+    {
+      "name": "CustomerStoryCard",
+      "mount": "CustomerStoryCard",
+      "category": "content",
+      "purpose": "Reusable customer story card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CustomerStoryCard.wrn"
+    },
+    {
+      "name": "DangerButton",
+      "mount": "DangerButton",
+      "category": "actions",
+      "purpose": "Reusable danger button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DangerButton.wrn"
+    },
+    {
+      "name": "DataProtectionCard",
+      "mount": "DataProtectionCard",
+      "category": "content",
+      "purpose": "Reusable data protection card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DataProtectionCard.wrn"
+    },
+    {
+      "name": "DataRetentionTable",
+      "mount": "DataRetentionTable",
+      "category": "data",
+      "purpose": "Reusable data retention table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DataRetentionTable.wrn"
+    },
+    {
+      "name": "DataTable",
+      "mount": "DataTable",
+      "category": "data",
+      "purpose": "Reusable data table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Data table\""
+        },
+        {
+          "name": "columns",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "rows",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "required": false,
+          "default": "\"No data available.\""
+        },
+        {
+          "name": "striped",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DataTable.wrn"
+    },
+    {
+      "name": "DateInput",
+      "mount": "DateInput",
+      "category": "forms",
+      "purpose": "Reusable date input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateInput.wrn"
+    },
+    {
+      "name": "DatePicker",
+      "mount": "DatePicker",
+      "category": "forms",
+      "purpose": "Reusable date picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"date\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"date\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DatePicker.wrn"
+    },
+    {
+      "name": "DateRangeCalendar",
+      "mount": "DateRangeCalendar",
+      "category": "content",
+      "purpose": "Reusable date range calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateRangeCalendar.wrn"
+    },
+    {
+      "name": "DateRangePicker",
+      "mount": "DateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date range\""
+        },
+        {
+          "name": "startName",
+          "type": "string",
+          "required": false,
+          "default": "\"startDate\""
+        },
+        {
+          "name": "endName",
+          "type": "string",
+          "required": false,
+          "default": "\"endDate\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateRangePicker.wrn"
+    },
+    {
+      "name": "DateRangeSlider",
+      "mount": "DateRangeSlider",
+      "category": "content",
+      "purpose": "Reusable date range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateRangeSlider.wrn"
+    },
+    {
+      "name": "DateTimeInput",
+      "mount": "DateTimeInput",
+      "category": "forms",
+      "purpose": "Reusable date time input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DateTime\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateTimeInput.wrn"
+    },
+    {
+      "name": "DateTimePicker",
+      "mount": "DateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable date time picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"datetime-picker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"datetime\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date and time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateTimePicker.wrn"
+    },
+    {
+      "name": "DateTimeRangePicker",
+      "mount": "DateTimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date time range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DateTimeRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateTimeRangePicker.wrn"
+    },
+    {
+      "name": "DecimalInput",
+      "mount": "DecimalInput",
+      "category": "forms",
+      "purpose": "Reusable decimal input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Decimal\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DecimalInput.wrn"
+    },
+    {
+      "name": "DefinitionList",
+      "mount": "DefinitionList",
+      "category": "data",
+      "purpose": "Reusable definition list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DefinitionList.wrn"
+    },
+    {
+      "name": "DeleteConfirmationDialog",
+      "mount": "DeleteConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable delete confirmation dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeleteConfirmationDialog.wrn"
+    },
+    {
+      "name": "DeliveryPreview",
+      "mount": "DeliveryPreview",
+      "category": "content",
+      "purpose": "Reusable delivery preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryPreview.wrn"
+    },
+    {
+      "name": "DeliveryStatusChart",
+      "mount": "DeliveryStatusChart",
+      "category": "visualization",
+      "purpose": "Reusable delivery status chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryStatusChart.wrn"
+    },
+    {
+      "name": "DeliveryStatusTimeline",
+      "mount": "DeliveryStatusTimeline",
+      "category": "visualization",
+      "purpose": "Reusable delivery status timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryStatusTimeline.wrn"
+    },
+    {
+      "name": "DemoRequestForm",
+      "mount": "DemoRequestForm",
+      "category": "content",
+      "purpose": "Reusable demo request form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DemoRequestForm.wrn"
+    },
+    {
+      "name": "DepartmentInput",
+      "mount": "DepartmentInput",
+      "category": "forms",
+      "purpose": "Reusable department input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Department\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DepartmentInput.wrn"
+    },
+    {
+      "name": "DeprecatedFeatureAlert",
+      "mount": "DeprecatedFeatureAlert",
+      "category": "feedback",
+      "purpose": "Reusable deprecated feature alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DeprecatedFeature\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeprecatedFeatureAlert.wrn"
+    },
+    {
+      "name": "DescriptionList",
+      "mount": "DescriptionList",
+      "category": "data",
+      "purpose": "Reusable description list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DescriptionList.wrn"
+    },
+    {
+      "name": "DesktopNavigation",
+      "mount": "DesktopNavigation",
+      "category": "layout",
+      "purpose": "Reusable desktop navigation component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Primary navigation\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DesktopNavigation.wrn"
+    },
+    {
+      "name": "DeveloperCTA",
+      "mount": "DeveloperCTA",
+      "category": "actions",
+      "purpose": "Reusable developer c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperCTA.wrn"
+    },
+    {
+      "name": "DeveloperHero",
+      "mount": "DeveloperHero",
+      "category": "layout",
+      "purpose": "Reusable developer hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperHero.wrn"
+    },
+    {
+      "name": "DeveloperPageShell",
+      "mount": "DeveloperPageShell",
+      "category": "layout",
+      "purpose": "Reusable developer page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperPageShell.wrn"
+    },
+    {
+      "name": "DeveloperSearch",
+      "mount": "DeveloperSearch",
+      "category": "content",
+      "purpose": "Reusable developer search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperSearch.wrn"
+    },
+    {
+      "name": "DevelopersMenu",
+      "mount": "DevelopersMenu",
+      "category": "overlays",
+      "purpose": "Reusable developers menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DevelopersMenu.wrn"
+    },
+    {
+      "name": "DeviceCard",
+      "mount": "DeviceCard",
+      "category": "content",
+      "purpose": "Reusable device card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeviceCard.wrn"
+    },
+    {
+      "name": "disclosure",
+      "mount": "disclosure",
+      "category": "core",
+      "purpose": "Reusable disclosure component.",
+      "props": [
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"Details\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/disclosure.wrn"
+    },
+    {
+      "name": "DiscountInput",
+      "mount": "DiscountInput",
+      "category": "forms",
+      "purpose": "Reusable discount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Discount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DiscountInput.wrn"
+    },
+    {
+      "name": "DisplayHeading",
+      "mount": "DisplayHeading",
+      "category": "core",
+      "purpose": "Reusable display heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DisplayHeading.wrn"
+    },
+    {
+      "name": "DisplayNameInput",
+      "mount": "DisplayNameInput",
+      "category": "forms",
+      "purpose": "Reusable display name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DisplayName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DisplayNameInput.wrn"
+    },
+    {
+      "name": "Divider",
+      "mount": "Divider",
+      "category": "core",
+      "purpose": "Reusable divider component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Divider.wrn"
+    },
+    {
+      "name": "DocumentPreview",
+      "mount": "DocumentPreview",
+      "category": "content",
+      "purpose": "Reusable document preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DocumentPreview.wrn"
+    },
+    {
+      "name": "DocumentUpload",
+      "mount": "DocumentUpload",
+      "category": "content",
+      "purpose": "Reusable document upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DocumentUpload.wrn"
+    },
+    {
+      "name": "DomainInput",
+      "mount": "DomainInput",
+      "category": "forms",
+      "purpose": "Reusable domain input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Domain\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DomainInput.wrn"
+    },
+    {
+      "name": "DoNotSellLink",
+      "mount": "DoNotSellLink",
+      "category": "actions",
+      "purpose": "Reusable do not sell link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DoNotSellLink.wrn"
+    },
+    {
+      "name": "DonutChart",
+      "mount": "DonutChart",
+      "category": "visualization",
+      "purpose": "Reusable donut chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DonutChart.wrn"
+    },
+    {
+      "name": "DownloadAction",
+      "mount": "DownloadAction",
+      "category": "actions",
+      "purpose": "Reusable download action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadAction.wrn"
+    },
+    {
+      "name": "DownloadButton",
+      "mount": "DownloadButton",
+      "category": "actions",
+      "purpose": "Reusable download button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadButton.wrn"
+    },
+    {
+      "name": "DownloadGateForm",
+      "mount": "DownloadGateForm",
+      "category": "content",
+      "purpose": "Reusable download gate form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadGateForm.wrn"
+    },
+    {
+      "name": "DownloadPolicyButton",
+      "mount": "DownloadPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable download policy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadPolicyButton.wrn"
+    },
+    {
+      "name": "DownloadResourceForm",
+      "mount": "DownloadResourceForm",
+      "category": "content",
+      "purpose": "Reusable download resource form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadResourceForm.wrn"
+    },
+    {
+      "name": "Drawer",
+      "mount": "Drawer",
+      "category": "core",
+      "purpose": "Reusable drawer component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Panel\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "side",
+          "type": "string",
+          "required": false,
+          "default": "\"right\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Drawer.wrn"
+    },
+    {
+      "name": "DropdownMenu",
+      "mount": "DropdownMenu",
+      "category": "overlays",
+      "purpose": "Reusable dropdown menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Menu\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/DropdownMenu.wrn"
+    },
+    {
+      "name": "DropdownNavigation",
+      "mount": "DropdownNavigation",
+      "category": "layout",
+      "purpose": "Reusable dropdown navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DropdownNavigation.wrn"
+    },
+    {
+      "name": "DurationInput",
+      "mount": "DurationInput",
+      "category": "forms",
+      "purpose": "Reusable duration input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Duration\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationInput.wrn"
+    },
+    {
+      "name": "DurationPicker",
+      "mount": "DurationPicker",
+      "category": "forms",
+      "purpose": "Reusable duration picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Duration\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationPicker.wrn"
+    },
+    {
+      "name": "DurationSlider",
+      "mount": "DurationSlider",
+      "category": "content",
+      "purpose": "Reusable duration slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationSlider.wrn"
+    },
+    {
+      "name": "ElevatedCard",
+      "mount": "ElevatedCard",
+      "category": "content",
+      "purpose": "Reusable elevated card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ElevatedCard.wrn"
+    },
+    {
+      "name": "EmailBodyEditor",
+      "mount": "EmailBodyEditor",
+      "category": "forms",
+      "purpose": "Reusable email body editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"EmailBody\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmailBodyEditor.wrn"
+    },
+    {
+      "name": "EmailComposer",
+      "mount": "EmailComposer",
+      "category": "content",
+      "purpose": "Reusable email composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmailComposer.wrn"
+    },
+    {
+      "name": "EmailInput",
+      "mount": "EmailInput",
+      "category": "forms",
+      "purpose": "Reusable email input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Email\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/EmailInput.wrn"
+    },
+    {
+      "name": "EmojiPicker",
+      "mount": "EmojiPicker",
+      "category": "forms",
+      "purpose": "Reusable emoji picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Emoji\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmojiPicker.wrn"
+    },
+    {
+      "name": "EmptyState",
+      "mount": "EmptyState",
+      "category": "feedback",
+      "purpose": "Reusable empty state component.",
+      "props": [
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"◇\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Nothing here yet\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/EmptyState.wrn"
+    },
+    {
+      "name": "EncryptionDiagram",
+      "mount": "EncryptionDiagram",
+      "category": "visualization",
+      "purpose": "Reusable encryption diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EncryptionDiagram.wrn"
+    },
+    {
+      "name": "EnterpriseCTA",
+      "mount": "EnterpriseCTA",
+      "category": "actions",
+      "purpose": "Reusable enterprise c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterpriseCTA.wrn"
+    },
+    {
+      "name": "EnterpriseHero",
+      "mount": "EnterpriseHero",
+      "category": "layout",
+      "purpose": "Reusable enterprise hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterpriseHero.wrn"
+    },
+    {
+      "name": "EnterprisePricingCard",
+      "mount": "EnterprisePricingCard",
+      "category": "content",
+      "purpose": "Reusable enterprise pricing card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterprisePricingCard.wrn"
+    },
+    {
+      "name": "EnvironmentSelector",
+      "mount": "EnvironmentSelector",
+      "category": "forms",
+      "purpose": "Reusable environment selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Environment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnvironmentSelector.wrn"
+    },
+    {
+      "name": "EnvironmentSwitcher",
+      "mount": "EnvironmentSwitcher",
+      "category": "content",
+      "purpose": "Reusable environment switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnvironmentSwitcher.wrn"
+    },
+    {
+      "name": "ErrorActions",
+      "mount": "ErrorActions",
+      "category": "actions",
+      "purpose": "Reusable error actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorActions.wrn"
+    },
+    {
+      "name": "ErrorCard",
+      "mount": "ErrorCard",
+      "category": "content",
+      "purpose": "Reusable error card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorCard.wrn"
+    },
+    {
+      "name": "ErrorCode",
+      "mount": "ErrorCode",
+      "category": "content",
+      "purpose": "Reusable error code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorCode.wrn"
+    },
+    {
+      "name": "ErrorHero",
+      "mount": "ErrorHero",
+      "category": "layout",
+      "purpose": "Reusable error hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorHero.wrn"
+    },
+    {
+      "name": "ErrorIllustration",
+      "mount": "ErrorIllustration",
+      "category": "content",
+      "purpose": "Reusable error illustration component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorIllustration.wrn"
+    },
+    {
+      "name": "ErrorPage",
+      "mount": "ErrorPage",
+      "category": "content",
+      "purpose": "Reusable error page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorPage.wrn"
+    },
+    {
+      "name": "ErrorPageShell",
+      "mount": "ErrorPageShell",
+      "category": "layout",
+      "purpose": "Reusable error page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorPageShell.wrn"
+    },
+    {
+      "name": "ErrorState",
+      "mount": "ErrorState",
+      "category": "feedback",
+      "purpose": "Reusable error state component.",
+      "props": [
+        {
+          "name": "code",
+          "type": "string",
+          "required": false,
+          "default": "\"500\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Something went wrong\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Please try again.\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Try again\""
+        },
+        {
+          "name": "actionHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ErrorState.wrn"
+    },
+    {
+      "name": "ErrorSupportLink",
+      "mount": "ErrorSupportLink",
+      "category": "actions",
+      "purpose": "Reusable error support link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorSupportLink.wrn"
+    },
+    {
+      "name": "EstimatedCostSummary",
+      "mount": "EstimatedCostSummary",
+      "category": "content",
+      "purpose": "Reusable estimated cost summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EstimatedCostSummary.wrn"
+    },
+    {
+      "name": "EventTable",
+      "mount": "EventTable",
+      "category": "data",
+      "purpose": "Reusable event table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EventTable.wrn"
+    },
+    {
+      "name": "ExpandableText",
+      "mount": "ExpandableText",
+      "category": "content",
+      "purpose": "Reusable expandable text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExpandableText.wrn"
+    },
+    {
+      "name": "ExpiryDateTimePicker",
+      "mount": "ExpiryDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable expiry date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ExpiryDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExpiryDateTimePicker.wrn"
+    },
+    {
+      "name": "ExportProgress",
+      "mount": "ExportProgress",
+      "category": "visualization",
+      "purpose": "Reusable export progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExportProgress.wrn"
+    },
+    {
+      "name": "ExternalLink",
+      "mount": "ExternalLink",
+      "category": "actions",
+      "purpose": "Reusable external link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExternalLink.wrn"
+    },
+    {
+      "name": "EyebrowText",
+      "mount": "EyebrowText",
+      "category": "content",
+      "purpose": "Reusable eyebrow text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EyebrowText.wrn"
+    },
+    {
+      "name": "FactorCard",
+      "mount": "FactorCard",
+      "category": "content",
+      "purpose": "Reusable factor card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FactorCard.wrn"
+    },
+    {
+      "name": "FallbackRouteBuilder",
+      "mount": "FallbackRouteBuilder",
+      "category": "content",
+      "purpose": "Reusable fallback route builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FallbackRouteBuilder.wrn"
+    },
+    {
+      "name": "FallbackRouteDiagram",
+      "mount": "FallbackRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable fallback route diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FallbackRouteDiagram.wrn"
+    },
+    {
+      "name": "FAQ",
+      "mount": "FAQ",
+      "category": "core",
+      "purpose": "Reusable faq component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Frequently asked questions\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "centered",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "allowMultiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "defaultOpenIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FAQ.wrn"
+    },
+    {
+      "name": "FAQAccordion",
+      "mount": "FAQAccordion",
+      "category": "core",
+      "purpose": "Reusable faqaccordion component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Frequently asked questions\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "centered",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "compact",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "allowMultiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "defaultOpenIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "showContact",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "contactText",
+          "type": "string",
+          "required": false,
+          "default": "\"Still have questions?\""
+        },
+        {
+          "name": "contactLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Contact support\""
+        },
+        {
+          "name": "contactHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/support\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/FAQAccordion.wrn"
+    },
+    {
+      "name": "FaviconUpload",
+      "mount": "FaviconUpload",
+      "category": "content",
+      "purpose": "Reusable favicon upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FaviconUpload.wrn"
+    },
+    {
+      "name": "FaxInput",
+      "mount": "FaxInput",
+      "category": "forms",
+      "purpose": "Reusable fax input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Fax\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FaxInput.wrn"
+    },
+    {
+      "name": "FeatureCard",
+      "mount": "FeatureCard",
+      "category": "content",
+      "purpose": "Reusable feature card component.",
+      "props": [
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"✦\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Feature\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FeatureCard.wrn"
+    },
+    {
+      "name": "FeatureChecklist",
+      "mount": "FeatureChecklist",
+      "category": "content",
+      "purpose": "Reusable feature checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureChecklist.wrn"
+    },
+    {
+      "name": "FeatureComparisonTable",
+      "mount": "FeatureComparisonTable",
+      "category": "data",
+      "purpose": "Reusable feature comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureComparisonTable.wrn"
+    },
+    {
+      "name": "FeaturedBlogCard",
+      "mount": "FeaturedBlogCard",
+      "category": "content",
+      "purpose": "Reusable featured blog card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeaturedBlogCard.wrn"
+    },
+    {
+      "name": "FeatureDetailsPanel",
+      "mount": "FeatureDetailsPanel",
+      "category": "layout",
+      "purpose": "Reusable feature details panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureDetailsPanel.wrn"
+    },
+    {
+      "name": "FeatureGrid",
+      "mount": "FeatureGrid",
+      "category": "data",
+      "purpose": "Reusable feature grid component.",
+      "props": [
+        {
+          "name": "columns",
+          "type": "number",
+          "required": false,
+          "default": "3"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureGrid.wrn"
+    },
+    {
+      "name": "FeatureIconCard",
+      "mount": "FeatureIconCard",
+      "category": "content",
+      "purpose": "Reusable feature icon card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureIconCard.wrn"
+    },
+    {
+      "name": "FeatureList",
+      "mount": "FeatureList",
+      "category": "data",
+      "purpose": "Reusable feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureList.wrn"
+    },
+    {
+      "name": "FeatureTabs",
+      "mount": "FeatureTabs",
+      "category": "content",
+      "purpose": "Reusable feature tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureTabs.wrn"
+    },
+    {
+      "name": "FeatureTimeline",
+      "mount": "FeatureTimeline",
+      "category": "visualization",
+      "purpose": "Reusable feature timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureTimeline.wrn"
+    },
+    {
+      "name": "FeatureUnavailableState",
+      "mount": "FeatureUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable feature unavailable state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FeatureUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureUnavailableState.wrn"
+    },
+    {
+      "name": "FieldActions",
+      "mount": "FieldActions",
+      "category": "actions",
+      "purpose": "Reusable field actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FieldActions.wrn"
+    },
+    {
+      "name": "file-upload",
+      "mount": "file-upload",
+      "category": "core",
+      "purpose": "Reusable file-upload component.",
+      "props": [
+        {
+          "name": "store",
+          "type": "string",
+          "required": false,
+          "default": "\"public\""
+        },
+        {
+          "name": "endpoint",
+          "type": "string",
+          "required": false,
+          "default": "\"/api/upload\""
+        },
+        {
+          "name": "accept",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Drag files here or click to browse\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/file-upload.wrn"
+    },
+    {
+      "name": "FileInput",
+      "mount": "FileInput",
+      "category": "forms",
+      "purpose": "Reusable file input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"File\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileInput.wrn"
+    },
+    {
+      "name": "FileList",
+      "mount": "FileList",
+      "category": "data",
+      "purpose": "Reusable file list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileList.wrn"
+    },
+    {
+      "name": "FileSizeInput",
+      "mount": "FileSizeInput",
+      "category": "forms",
+      "purpose": "Reusable file size input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FileSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileSizeInput.wrn"
+    },
+    {
+      "name": "FileSizeLabel",
+      "mount": "FileSizeLabel",
+      "category": "content",
+      "purpose": "Reusable file size label component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileSizeLabel.wrn"
+    },
+    {
+      "name": "FileTypeBadge",
+      "mount": "FileTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable file type badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FileType\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileTypeBadge.wrn"
+    },
+    {
+      "name": "FileUpload",
+      "mount": "FileUpload",
+      "category": "content",
+      "purpose": "Reusable file upload component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"file\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"file\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Upload file\""
+        },
+        {
+          "name": "accept",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"Drag and drop or browse\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FileUpload.wrn"
+    },
+    {
+      "name": "FilterableTable",
+      "mount": "FilterableTable",
+      "category": "data",
+      "purpose": "Reusable filterable table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterableTable.wrn"
+    },
+    {
+      "name": "FilterBar",
+      "mount": "FilterBar",
+      "category": "core",
+      "purpose": "Reusable filter bar component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Filters\""
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Clear filters\""
+        },
+        {
+          "name": "showClear",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterBar.wrn"
+    },
+    {
+      "name": "FilterMenu",
+      "mount": "FilterMenu",
+      "category": "overlays",
+      "purpose": "Reusable filter menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterMenu.wrn"
+    },
+    {
+      "name": "FilterSearchInput",
+      "mount": "FilterSearchInput",
+      "category": "forms",
+      "purpose": "Reusable filter search input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FilterSearch\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterSearchInput.wrn"
+    },
+    {
+      "name": "FinalCTA",
+      "mount": "FinalCTA",
+      "category": "actions",
+      "purpose": "Reusable final c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FinalCTA.wrn"
+    },
+    {
+      "name": "FirstNameInput",
+      "mount": "FirstNameInput",
+      "category": "forms",
+      "purpose": "Reusable first name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FirstName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FirstNameInput.wrn"
+    },
+    {
+      "name": "Flex",
+      "mount": "Flex",
+      "category": "core",
+      "purpose": "Reusable flex component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Flex.wrn"
+    },
+    {
+      "name": "FontPicker",
+      "mount": "FontPicker",
+      "category": "forms",
+      "purpose": "Reusable font picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Font\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontPicker.wrn"
+    },
+    {
+      "name": "FontSizePicker",
+      "mount": "FontSizePicker",
+      "category": "forms",
+      "purpose": "Reusable font size picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FontSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontSizePicker.wrn"
+    },
+    {
+      "name": "FontWeightPicker",
+      "mount": "FontWeightPicker",
+      "category": "forms",
+      "purpose": "Reusable font weight picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FontWeight\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontWeightPicker.wrn"
+    },
+    {
+      "name": "FooterLanguageSwitcher",
+      "mount": "FooterLanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable footer language switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FooterLanguageSwitcher.wrn"
+    },
+    {
+      "name": "FooterStatusIndicator",
+      "mount": "FooterStatusIndicator",
+      "category": "feedback",
+      "purpose": "Reusable footer status indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FooterStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FooterStatusIndicator.wrn"
+    },
+    {
+      "name": "ForbiddenPage",
+      "mount": "ForbiddenPage",
+      "category": "content",
+      "purpose": "Reusable forbidden page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForbiddenPage.wrn"
+    },
+    {
+      "name": "ForbiddenState",
+      "mount": "ForbiddenState",
+      "category": "feedback",
+      "purpose": "Reusable forbidden state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Forbidden\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForbiddenState.wrn"
+    },
+    {
+      "name": "ForgotPasswordForm",
+      "mount": "ForgotPasswordForm",
+      "category": "content",
+      "purpose": "Reusable forgot password form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForgotPasswordForm.wrn"
+    },
+    {
+      "name": "Form",
+      "mount": "Form",
+      "category": "content",
+      "purpose": "Reusable form component.",
+      "props": [
+        {
+          "name": "action",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "method",
+          "type": "string",
+          "required": false,
+          "default": "\"post\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Form.wrn"
+    },
+    {
+      "name": "FormActions",
+      "mount": "FormActions",
+      "category": "actions",
+      "purpose": "Reusable form actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormActions.wrn"
+    },
+    {
+      "name": "FormAlert",
+      "mount": "FormAlert",
+      "category": "feedback",
+      "purpose": "Reusable form alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Form\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormAlert.wrn"
+    },
+    {
+      "name": "FormDialog",
+      "mount": "FormDialog",
+      "category": "overlays",
+      "purpose": "Reusable form dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormDialog.wrn"
+    },
+    {
+      "name": "FormError",
+      "mount": "FormError",
+      "category": "core",
+      "purpose": "Reusable form error component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormError.wrn"
+    },
+    {
+      "name": "FormErrorSummary",
+      "mount": "FormErrorSummary",
+      "category": "content",
+      "purpose": "Reusable form error summary component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Please fix the following\""
+        },
+        {
+          "name": "visible",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormErrorSummary.wrn"
+    },
+    {
+      "name": "FormField",
+      "mount": "FormField",
+      "category": "forms",
+      "purpose": "Reusable form field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Field\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormField.wrn"
+    },
+    {
+      "name": "FormGrid",
+      "mount": "FormGrid",
+      "category": "data",
+      "purpose": "Reusable form grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormGrid.wrn"
+    },
+    {
+      "name": "FormGroup",
+      "mount": "FormGroup",
+      "category": "forms",
+      "purpose": "Reusable form group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Form\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormGroup.wrn"
+    },
+    {
+      "name": "FormHelpText",
+      "mount": "FormHelpText",
+      "category": "content",
+      "purpose": "Reusable form help text component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormHelpText.wrn"
+    },
+    {
+      "name": "FormLabel",
+      "mount": "FormLabel",
+      "category": "content",
+      "purpose": "Reusable form label component.",
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Label\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "optional",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FormLabel.wrn"
+    },
+    {
+      "name": "FormProgress",
+      "mount": "FormProgress",
+      "category": "visualization",
+      "purpose": "Reusable form progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormProgress.wrn"
+    },
+    {
+      "name": "FormRow",
+      "mount": "FormRow",
+      "category": "data",
+      "purpose": "Reusable form row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormRow.wrn"
+    },
+    {
+      "name": "FormSection",
+      "mount": "FormSection",
+      "category": "layout",
+      "purpose": "Reusable form section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormSection.wrn"
+    },
+    {
+      "name": "FullBleed",
+      "mount": "FullBleed",
+      "category": "core",
+      "purpose": "Reusable full bleed component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FullBleed.wrn"
+    },
+    {
+      "name": "FullscreenDialog",
+      "mount": "FullscreenDialog",
+      "category": "overlays",
+      "purpose": "Reusable fullscreen dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FullscreenDialog.wrn"
+    },
+    {
+      "name": "FunnelChart",
+      "mount": "FunnelChart",
+      "category": "visualization",
+      "purpose": "Reusable funnel chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FunnelChart.wrn"
+    },
+    {
+      "name": "GeoChart",
+      "mount": "GeoChart",
+      "category": "visualization",
+      "purpose": "Reusable geo chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GeoChart.wrn"
+    },
+    {
+      "name": "GeofenceEditor",
+      "mount": "GeofenceEditor",
+      "category": "forms",
+      "purpose": "Reusable geofence editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Geofence\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GeofenceEditor.wrn"
+    },
+    {
+      "name": "GhostButton",
+      "mount": "GhostButton",
+      "category": "actions",
+      "purpose": "Reusable ghost button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GhostButton.wrn"
+    },
+    {
+      "name": "GlassCard",
+      "mount": "GlassCard",
+      "category": "content",
+      "purpose": "Reusable glass card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GlassCard.wrn"
+    },
+    {
+      "name": "GlobalSearch",
+      "mount": "GlobalSearch",
+      "category": "content",
+      "purpose": "Reusable global search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GlobalSearch.wrn"
+    },
+    {
+      "name": "GradientCTA",
+      "mount": "GradientCTA",
+      "category": "actions",
+      "purpose": "Reusable gradient c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientCTA.wrn"
+    },
+    {
+      "name": "GradientPicker",
+      "mount": "GradientPicker",
+      "category": "forms",
+      "purpose": "Reusable gradient picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Gradient\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientPicker.wrn"
+    },
+    {
+      "name": "GradientStopEditor",
+      "mount": "GradientStopEditor",
+      "category": "forms",
+      "purpose": "Reusable gradient stop editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"GradientStop\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientStopEditor.wrn"
+    },
+    {
+      "name": "Grid",
+      "mount": "Grid",
+      "category": "data",
+      "purpose": "Reusable grid component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Grid.wrn"
+    },
+    {
+      "name": "GuideCard",
+      "mount": "GuideCard",
+      "category": "content",
+      "purpose": "Reusable guide card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideCard.wrn"
+    },
+    {
+      "name": "GuideChecklist",
+      "mount": "GuideChecklist",
+      "category": "content",
+      "purpose": "Reusable guide checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideChecklist.wrn"
+    },
+    {
+      "name": "GuideDifficultyBadge",
+      "mount": "GuideDifficultyBadge",
+      "category": "feedback",
+      "purpose": "Reusable guide difficulty badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"GuideDifficulty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideDifficultyBadge.wrn"
+    },
+    {
+      "name": "GuideGrid",
+      "mount": "GuideGrid",
+      "category": "data",
+      "purpose": "Reusable guide grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideGrid.wrn"
+    },
+    {
+      "name": "GuideStep",
+      "mount": "GuideStep",
+      "category": "content",
+      "purpose": "Reusable guide step component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideStep.wrn"
+    },
+    {
+      "name": "Header",
+      "mount": "Header",
+      "category": "layout",
+      "purpose": "Reusable header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Header.wrn"
+    },
+    {
+      "name": "HeaderActions",
+      "mount": "HeaderActions",
+      "category": "actions",
+      "purpose": "Reusable header actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeaderActions.wrn"
+    },
+    {
+      "name": "HealthIndicator",
+      "mount": "HealthIndicator",
+      "category": "feedback",
+      "purpose": "Reusable health indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Health\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HealthIndicator.wrn"
+    },
+    {
+      "name": "Hero",
+      "mount": "Hero",
+      "category": "layout",
+      "purpose": "Reusable hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Build faster with WRNexusJS\""
+        },
+        {
+          "name": "highlight",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "primaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        },
+        {
+          "name": "primaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "secondaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "secondaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"center\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Hero.wrn"
+    },
+    {
+      "name": "HeroActions",
+      "mount": "HeroActions",
+      "category": "actions",
+      "purpose": "Reusable hero actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroActions.wrn"
+    },
+    {
+      "name": "HeroCodePanel",
+      "mount": "HeroCodePanel",
+      "category": "layout",
+      "purpose": "Reusable hero code panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroCodePanel.wrn"
+    },
+    {
+      "name": "HeroGradientText",
+      "mount": "HeroGradientText",
+      "category": "content",
+      "purpose": "Reusable hero gradient text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroGradientText.wrn"
+    },
+    {
+      "name": "HeroPrimaryAction",
+      "mount": "HeroPrimaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero primary action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroPrimaryAction.wrn"
+    },
+    {
+      "name": "HeroProductPreview",
+      "mount": "HeroProductPreview",
+      "category": "content",
+      "purpose": "Reusable hero product preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroProductPreview.wrn"
+    },
+    {
+      "name": "HeroSecondaryAction",
+      "mount": "HeroSecondaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero secondary action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroSecondaryAction.wrn"
+    },
+    {
+      "name": "HeroTrustText",
+      "mount": "HeroTrustText",
+      "category": "content",
+      "purpose": "Reusable hero trust text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroTrustText.wrn"
+    },
+    {
+      "name": "HexColorInput",
+      "mount": "HexColorInput",
+      "category": "forms",
+      "purpose": "Reusable hex color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"HexColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HexColorInput.wrn"
+    },
+    {
+      "name": "HiddenField",
+      "mount": "HiddenField",
+      "category": "forms",
+      "purpose": "Reusable hidden field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hidden\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HiddenField.wrn"
+    },
+    {
+      "name": "HighlightText",
+      "mount": "HighlightText",
+      "category": "content",
+      "purpose": "Reusable highlight text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HighlightText.wrn"
+    },
+    {
+      "name": "HolidayCalendar",
+      "mount": "HolidayCalendar",
+      "category": "content",
+      "purpose": "Reusable holiday calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HolidayCalendar.wrn"
+    },
+    {
+      "name": "HostnameInput",
+      "mount": "HostnameInput",
+      "category": "forms",
+      "purpose": "Reusable hostname input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hostname\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HostnameInput.wrn"
+    },
+    {
+      "name": "HourPicker",
+      "mount": "HourPicker",
+      "category": "forms",
+      "purpose": "Reusable hour picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hour\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HourPicker.wrn"
+    },
+    {
+      "name": "HslColorInput",
+      "mount": "HslColorInput",
+      "category": "forms",
+      "purpose": "Reusable hsl color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"HslColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HslColorInput.wrn"
+    },
+    {
+      "name": "hstack",
+      "mount": "hstack",
+      "category": "core",
+      "purpose": "Reusable hstack component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"center\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/hstack.wrn"
+    },
+    {
+      "name": "HtmlEditor",
+      "mount": "HtmlEditor",
+      "category": "forms",
+      "purpose": "Reusable html editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Html\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HtmlEditor.wrn"
+    },
+    {
+      "name": "HumanApprovalStep",
+      "mount": "HumanApprovalStep",
+      "category": "content",
+      "purpose": "Reusable human approval step component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HumanApprovalStep.wrn"
+    },
+    {
+      "name": "Icon",
+      "mount": "Icon",
+      "category": "content",
+      "purpose": "Reusable icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Icon.wrn"
+    },
+    {
+      "name": "IconButton",
+      "mount": "IconButton",
+      "category": "actions",
+      "purpose": "Reusable icon button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"•\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"ghost\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/IconButton.wrn"
+    },
+    {
+      "name": "IconPicker",
+      "mount": "IconPicker",
+      "category": "forms",
+      "purpose": "Reusable icon picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Icon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IconPicker.wrn"
+    },
+    {
+      "name": "IconSelector",
+      "mount": "IconSelector",
+      "category": "forms",
+      "purpose": "Reusable icon selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Icon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IconSelector.wrn"
+    },
+    {
+      "name": "IdentifierInput",
+      "mount": "IdentifierInput",
+      "category": "forms",
+      "purpose": "Reusable identifier input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Identifier\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IdentifierInput.wrn"
+    },
+    {
+      "name": "Illustration",
+      "mount": "Illustration",
+      "category": "content",
+      "purpose": "Reusable illustration component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Illustration.wrn"
+    },
+    {
+      "name": "ImageCompressionPreview",
+      "mount": "ImageCompressionPreview",
+      "category": "content",
+      "purpose": "Reusable image compression preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageCompressionPreview.wrn"
+    },
+    {
+      "name": "ImageEditor",
+      "mount": "ImageEditor",
+      "category": "forms",
+      "purpose": "Reusable image editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Image\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageEditor.wrn"
+    },
+    {
+      "name": "ImagePreviewDialog",
+      "mount": "ImagePreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable image preview dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImagePreviewDialog.wrn"
+    },
+    {
+      "name": "ImageSelector",
+      "mount": "ImageSelector",
+      "category": "forms",
+      "purpose": "Reusable image selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Image\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageSelector.wrn"
+    },
+    {
+      "name": "ImageUpload",
+      "mount": "ImageUpload",
+      "category": "content",
+      "purpose": "Reusable image upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageUpload.wrn"
+    },
+    {
+      "name": "ImportProgress",
+      "mount": "ImportProgress",
+      "category": "visualization",
+      "purpose": "Reusable import progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImportProgress.wrn"
+    },
+    {
+      "name": "IncidentAlert",
+      "mount": "IncidentAlert",
+      "category": "feedback",
+      "purpose": "Reusable incident alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Incident\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentAlert.wrn"
+    },
+    {
+      "name": "IncidentBanner",
+      "mount": "IncidentBanner",
+      "category": "feedback",
+      "purpose": "Reusable incident banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Incident\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentBanner.wrn"
+    },
+    {
+      "name": "IncidentCard",
+      "mount": "IncidentCard",
+      "category": "content",
+      "purpose": "Reusable incident card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentCard.wrn"
+    },
+    {
+      "name": "IncidentList",
+      "mount": "IncidentList",
+      "category": "data",
+      "purpose": "Reusable incident list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentList.wrn"
+    },
+    {
+      "name": "IncidentResponseFlow",
+      "mount": "IncidentResponseFlow",
+      "category": "visualization",
+      "purpose": "Reusable incident response flow component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentResponseFlow.wrn"
+    },
+    {
+      "name": "IncidentSeverityBadge",
+      "mount": "IncidentSeverityBadge",
+      "category": "feedback",
+      "purpose": "Reusable incident severity badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"IncidentSeverity\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentSeverityBadge.wrn"
+    },
+    {
+      "name": "IncidentTimeline",
+      "mount": "IncidentTimeline",
+      "category": "visualization",
+      "purpose": "Reusable incident timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentTimeline.wrn"
+    },
+    {
+      "name": "IndustryBadge",
+      "mount": "IndustryBadge",
+      "category": "feedback",
+      "purpose": "Reusable industry badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Industry\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IndustryBadge.wrn"
+    },
+    {
+      "name": "IndustrySelector",
+      "mount": "IndustrySelector",
+      "category": "forms",
+      "purpose": "Reusable industry selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Industry\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IndustrySelector.wrn"
+    },
+    {
+      "name": "InfoCard",
+      "mount": "InfoCard",
+      "category": "content",
+      "purpose": "Reusable info card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InfoCard.wrn"
+    },
+    {
+      "name": "Inline",
+      "mount": "Inline",
+      "category": "core",
+      "purpose": "Reusable inline component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Inline.wrn"
+    },
+    {
+      "name": "InlineAlert",
+      "mount": "InlineAlert",
+      "category": "feedback",
+      "purpose": "Reusable inline alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Inline\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InlineAlert.wrn"
+    },
+    {
+      "name": "InlineCode",
+      "mount": "InlineCode",
+      "category": "content",
+      "purpose": "Reusable inline code component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InlineCode.wrn"
+    },
+    {
+      "name": "input",
+      "mount": "input",
+      "category": "core",
+      "purpose": "Reusable input component.",
+      "props": [
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/input.wrn"
+    },
+    {
+      "name": "InputGroup",
+      "mount": "InputGroup",
+      "category": "forms",
+      "purpose": "Reusable input group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Input\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InputGroup.wrn"
+    },
+    {
+      "name": "InsetPanel",
+      "mount": "InsetPanel",
+      "category": "layout",
+      "purpose": "Reusable inset panel component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InsetPanel.wrn"
+    },
+    {
+      "name": "IntegerInput",
+      "mount": "IntegerInput",
+      "category": "forms",
+      "purpose": "Reusable integer input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Integer\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IntegerInput.wrn"
+    },
+    {
+      "name": "IntegrationCard",
+      "mount": "IntegrationCard",
+      "category": "content",
+      "purpose": "Reusable integration card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IntegrationCard.wrn"
+    },
+    {
+      "name": "InvoiceLineItem",
+      "mount": "InvoiceLineItem",
+      "category": "content",
+      "purpose": "Reusable invoice line item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InvoiceLineItem.wrn"
+    },
+    {
+      "name": "InvoiceSummary",
+      "mount": "InvoiceSummary",
+      "category": "content",
+      "purpose": "Reusable invoice summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InvoiceSummary.wrn"
+    },
+    {
+      "name": "IpAddressInput",
+      "mount": "IpAddressInput",
+      "category": "forms",
+      "purpose": "Reusable ip address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"IpAddress\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IpAddressInput.wrn"
+    },
+    {
+      "name": "JobCard",
+      "mount": "JobCard",
+      "category": "content",
+      "purpose": "Reusable job card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobCard.wrn"
+    },
+    {
+      "name": "JobProgress",
+      "mount": "JobProgress",
+      "category": "visualization",
+      "purpose": "Reusable job progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobProgress.wrn"
+    },
+    {
+      "name": "JobTitleInput",
+      "mount": "JobTitleInput",
+      "category": "forms",
+      "purpose": "Reusable job title input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"JobTitle\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobTitleInput.wrn"
+    },
+    {
+      "name": "JsonInput",
+      "mount": "JsonInput",
+      "category": "forms",
+      "purpose": "Reusable json input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Json\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JsonInput.wrn"
+    },
+    {
+      "name": "JsonViewer",
+      "mount": "JsonViewer",
+      "category": "content",
+      "purpose": "Reusable json viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JsonViewer.wrn"
+    },
+    {
+      "name": "KeyValueTable",
+      "mount": "KeyValueTable",
+      "category": "data",
+      "purpose": "Reusable key value table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/KeyValueTable.wrn"
+    },
+    {
+      "name": "KycDocumentUpload",
+      "mount": "KycDocumentUpload",
+      "category": "content",
+      "purpose": "Reusable kyc document upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/KycDocumentUpload.wrn"
+    },
+    {
+      "name": "LanguageSelector",
+      "mount": "LanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Language\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LanguageSelector.wrn"
+    },
+    {
+      "name": "LanguageSwitcher",
+      "mount": "LanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable language switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LanguageSwitcher.wrn"
+    },
+    {
+      "name": "LastNameInput",
+      "mount": "LastNameInput",
+      "category": "forms",
+      "purpose": "Reusable last name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LastName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LastNameInput.wrn"
+    },
+    {
+      "name": "LatencyMetric",
+      "mount": "LatencyMetric",
+      "category": "visualization",
+      "purpose": "Reusable latency metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LatencyMetric.wrn"
+    },
+    {
+      "name": "LatitudeInput",
+      "mount": "LatitudeInput",
+      "category": "forms",
+      "purpose": "Reusable latitude input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Latitude\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LatitudeInput.wrn"
+    },
+    {
+      "name": "LeadershipGrid",
+      "mount": "LeadershipGrid",
+      "category": "data",
+      "purpose": "Reusable leadership grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LeadershipGrid.wrn"
+    },
+    {
+      "name": "LeadText",
+      "mount": "LeadText",
+      "category": "content",
+      "purpose": "Reusable lead text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LeadText.wrn"
+    },
+    {
+      "name": "LegalAcceptanceNotice",
+      "mount": "LegalAcceptanceNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal acceptance notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalAcceptance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalAcceptanceNotice.wrn"
+    },
+    {
+      "name": "LegalBulletList",
+      "mount": "LegalBulletList",
+      "category": "data",
+      "purpose": "Reusable legal bullet list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalBulletList.wrn"
+    },
+    {
+      "name": "LegalContactBlock",
+      "mount": "LegalContactBlock",
+      "category": "content",
+      "purpose": "Reusable legal contact block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalContactBlock.wrn"
+    },
+    {
+      "name": "LegalDefinitionList",
+      "mount": "LegalDefinitionList",
+      "category": "data",
+      "purpose": "Reusable legal definition list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalDefinitionList.wrn"
+    },
+    {
+      "name": "LegalDocumentHeader",
+      "mount": "LegalDocumentHeader",
+      "category": "layout",
+      "purpose": "Reusable legal document header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalDocumentHeader.wrn"
+    },
+    {
+      "name": "LegalDocumentLayout",
+      "mount": "LegalDocumentLayout",
+      "category": "layout",
+      "purpose": "Reusable legal document layout component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Legal document\""
+        },
+        {
+          "name": "effectiveDate",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "updatedDate",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["toc", "default"],
+      "events": [],
+      "source": "components/LegalDocumentLayout.wrn"
+    },
+    {
+      "name": "LegalHero",
+      "mount": "LegalHero",
+      "category": "layout",
+      "purpose": "Reusable legal hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalHero.wrn"
+    },
+    {
+      "name": "LegalLanguageSelector",
+      "mount": "LegalLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable legal language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalLanguage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalLanguageSelector.wrn"
+    },
+    {
+      "name": "LegalNotice",
+      "mount": "LegalNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Legal\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalNotice.wrn"
+    },
+    {
+      "name": "LegalPageShell",
+      "mount": "LegalPageShell",
+      "category": "layout",
+      "purpose": "Reusable legal page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["navigation", "default"],
+      "events": [],
+      "source": "components/LegalPageShell.wrn"
+    },
+    {
+      "name": "LegalPrintButton",
+      "mount": "LegalPrintButton",
+      "category": "actions",
+      "purpose": "Reusable legal print button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalPrintButton.wrn"
+    },
+    {
+      "name": "LegalRegionSelector",
+      "mount": "LegalRegionSelector",
+      "category": "forms",
+      "purpose": "Reusable legal region selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalRegion\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalRegionSelector.wrn"
+    },
+    {
+      "name": "LegalSection",
+      "mount": "LegalSection",
+      "category": "layout",
+      "purpose": "Reusable legal section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalSection.wrn"
+    },
+    {
+      "name": "LegalSummary",
+      "mount": "LegalSummary",
+      "category": "content",
+      "purpose": "Reusable legal summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalSummary.wrn"
+    },
+    {
+      "name": "LegalTable",
+      "mount": "LegalTable",
+      "category": "data",
+      "purpose": "Reusable legal table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalTable.wrn"
+    },
+    {
+      "name": "LegalTableOfContents",
+      "mount": "LegalTableOfContents",
+      "category": "core",
+      "purpose": "Reusable legal table of contents component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"On this page\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/LegalTableOfContents.wrn"
+    },
+    {
+      "name": "LegalVersionBadge",
+      "mount": "LegalVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable legal version badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalVersion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalVersionBadge.wrn"
+    },
+    {
+      "name": "LetterSpacingPicker",
+      "mount": "LetterSpacingPicker",
+      "category": "forms",
+      "purpose": "Reusable letter spacing picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LetterSpacing\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LetterSpacingPicker.wrn"
+    },
+    {
+      "name": "LicenseKeyInput",
+      "mount": "LicenseKeyInput",
+      "category": "forms",
+      "purpose": "Reusable license key input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LicenseKey\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LicenseKeyInput.wrn"
+    },
+    {
+      "name": "Lightbox",
+      "mount": "Lightbox",
+      "category": "overlays",
+      "purpose": "Reusable lightbox component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Lightbox.wrn"
+    },
+    {
+      "name": "LineChart",
+      "mount": "LineChart",
+      "category": "visualization",
+      "purpose": "Reusable line chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LineChart.wrn"
+    },
+    {
+      "name": "LineHeightPicker",
+      "mount": "LineHeightPicker",
+      "category": "forms",
+      "purpose": "Reusable line height picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LineHeight\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LineHeightPicker.wrn"
+    },
+    {
+      "name": "Link",
+      "mount": "Link",
+      "category": "core",
+      "purpose": "Reusable link component.",
+      "props": [
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Link\""
+        },
+        {
+          "name": "external",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Link.wrn"
+    },
+    {
+      "name": "LinkButton",
+      "mount": "LinkButton",
+      "category": "actions",
+      "purpose": "Reusable link button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LinkButton.wrn"
+    },
+    {
+      "name": "List",
+      "mount": "List",
+      "category": "data",
+      "purpose": "Reusable list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/List.wrn"
+    },
+    {
+      "name": "LoadingButton",
+      "mount": "LoadingButton",
+      "category": "actions",
+      "purpose": "Reusable loading button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Continue\""
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Loading…\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/LoadingButton.wrn"
+    },
+    {
+      "name": "LocaleSelector",
+      "mount": "LocaleSelector",
+      "category": "forms",
+      "purpose": "Reusable locale selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Locale\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocaleSelector.wrn"
+    },
+    {
+      "name": "LocalizedRouteLink",
+      "mount": "LocalizedRouteLink",
+      "category": "actions",
+      "purpose": "Reusable localized route link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocalizedRouteLink.wrn"
+    },
+    {
+      "name": "LocationPicker",
+      "mount": "LocationPicker",
+      "category": "forms",
+      "purpose": "Reusable location picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Location\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocationPicker.wrn"
+    },
+    {
+      "name": "Logo",
+      "mount": "Logo",
+      "category": "content",
+      "purpose": "Reusable logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Logo.wrn"
+    },
+    {
+      "name": "LogoCloud",
+      "mount": "LogoCloud",
+      "category": "core",
+      "purpose": "Reusable logo cloud component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Trusted by modern teams\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoCloud.wrn"
+    },
+    {
+      "name": "LogoUpload",
+      "mount": "LogoUpload",
+      "category": "content",
+      "purpose": "Reusable logo upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoUpload.wrn"
+    },
+    {
+      "name": "LogoutDialog",
+      "mount": "LogoutDialog",
+      "category": "overlays",
+      "purpose": "Reusable logout dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoutDialog.wrn"
+    },
+    {
+      "name": "LogTable",
+      "mount": "LogTable",
+      "category": "data",
+      "purpose": "Reusable log table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogTable.wrn"
+    },
+    {
+      "name": "LongitudeInput",
+      "mount": "LongitudeInput",
+      "category": "forms",
+      "purpose": "Reusable longitude input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Longitude\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LongitudeInput.wrn"
+    },
+    {
+      "name": "MaintenanceAlert",
+      "mount": "MaintenanceAlert",
+      "category": "feedback",
+      "purpose": "Reusable maintenance alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceAlert.wrn"
+    },
+    {
+      "name": "MaintenanceBanner",
+      "mount": "MaintenanceBanner",
+      "category": "feedback",
+      "purpose": "Reusable maintenance banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceBanner.wrn"
+    },
+    {
+      "name": "MaintenanceCard",
+      "mount": "MaintenanceCard",
+      "category": "content",
+      "purpose": "Reusable maintenance card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceCard.wrn"
+    },
+    {
+      "name": "MaintenancePage",
+      "mount": "MaintenancePage",
+      "category": "content",
+      "purpose": "Reusable maintenance page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenancePage.wrn"
+    },
+    {
+      "name": "MaintenanceState",
+      "mount": "MaintenanceState",
+      "category": "feedback",
+      "purpose": "Reusable maintenance state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceState.wrn"
+    },
+    {
+      "name": "MaintenanceWindowPicker",
+      "mount": "MaintenanceWindowPicker",
+      "category": "forms",
+      "purpose": "Reusable maintenance window picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MaintenanceWindow\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceWindowPicker.wrn"
+    },
+    {
+      "name": "MapPicker",
+      "mount": "MapPicker",
+      "category": "forms",
+      "purpose": "Reusable map picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Map\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MapPicker.wrn"
+    },
+    {
+      "name": "MarkdownEditor",
+      "mount": "MarkdownEditor",
+      "category": "forms",
+      "purpose": "Reusable markdown editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Markdown\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarkdownEditor.wrn"
+    },
+    {
+      "name": "MarketingPageShell",
+      "mount": "MarketingPageShell",
+      "category": "layout",
+      "purpose": "Reusable marketing page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarketingPageShell.wrn"
+    },
+    {
+      "name": "MarketingSectionHeader",
+      "mount": "MarketingSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable marketing section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarketingSectionHeader.wrn"
+    },
+    {
+      "name": "MaskedSecretField",
+      "mount": "MaskedSecretField",
+      "category": "forms",
+      "purpose": "Reusable masked secret field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MaskedSecret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaskedSecretField.wrn"
+    },
+    {
+      "name": "MegaMenu",
+      "mount": "MegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable mega menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Explore\""
+        },
+        {
+          "name": "sections",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/MegaMenu.wrn"
+    },
+    {
+      "name": "MemberList",
+      "mount": "MemberList",
+      "category": "data",
+      "purpose": "Reusable member list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MemberList.wrn"
+    },
+    {
+      "name": "MentionInput",
+      "mount": "MentionInput",
+      "category": "forms",
+      "purpose": "Reusable mention input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Mention\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MentionInput.wrn"
+    },
+    {
+      "name": "MessageCharacterCounter",
+      "mount": "MessageCharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable message character counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MessageCharacter\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageCharacterCounter.wrn"
+    },
+    {
+      "name": "MessageComposer",
+      "mount": "MessageComposer",
+      "category": "content",
+      "purpose": "Reusable message composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageComposer.wrn"
+    },
+    {
+      "name": "MessageComposerPreview",
+      "mount": "MessageComposerPreview",
+      "category": "content",
+      "purpose": "Reusable message composer preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageComposerPreview.wrn"
+    },
+    {
+      "name": "MessageLimitInput",
+      "mount": "MessageLimitInput",
+      "category": "forms",
+      "purpose": "Reusable message limit input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MessageLimit\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageLimitInput.wrn"
+    },
+    {
+      "name": "MessagePreview",
+      "mount": "MessagePreview",
+      "category": "content",
+      "purpose": "Reusable message preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessagePreview.wrn"
+    },
+    {
+      "name": "MessageVolumeSlider",
+      "mount": "MessageVolumeSlider",
+      "category": "content",
+      "purpose": "Reusable message volume slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageVolumeSlider.wrn"
+    },
+    {
+      "name": "Metric",
+      "mount": "Metric",
+      "category": "visualization",
+      "purpose": "Reusable metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Metric.wrn"
+    },
+    {
+      "name": "MetricCard",
+      "mount": "MetricCard",
+      "category": "content",
+      "purpose": "Reusable metric card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MetricCard.wrn"
+    },
+    {
+      "name": "MetricGrid",
+      "mount": "MetricGrid",
+      "category": "data",
+      "purpose": "Reusable metric grid component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Key metrics\""
+        },
+        {
+          "name": "metrics",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/MetricGrid.wrn"
+    },
+    {
+      "name": "MetricText",
+      "mount": "MetricText",
+      "category": "content",
+      "purpose": "Reusable metric text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MetricText.wrn"
+    },
+    {
+      "name": "MinutePicker",
+      "mount": "MinutePicker",
+      "category": "forms",
+      "purpose": "Reusable minute picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Minute\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MinutePicker.wrn"
+    },
+    {
+      "name": "MissionSection",
+      "mount": "MissionSection",
+      "category": "layout",
+      "purpose": "Reusable mission section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MissionSection.wrn"
+    },
+    {
+      "name": "MobileDeviceFrame",
+      "mount": "MobileDeviceFrame",
+      "category": "layout",
+      "purpose": "Reusable mobile device frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileDeviceFrame.wrn"
+    },
+    {
+      "name": "MobileInput",
+      "mount": "MobileInput",
+      "category": "forms",
+      "purpose": "Reusable mobile input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Mobile\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileInput.wrn"
+    },
+    {
+      "name": "MobileMenuButton",
+      "mount": "MobileMenuButton",
+      "category": "actions",
+      "purpose": "Reusable mobile menu button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileMenuButton.wrn"
+    },
+    {
+      "name": "MobileNavigation",
+      "mount": "MobileNavigation",
+      "category": "layout",
+      "purpose": "Reusable mobile navigation component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Menu\""
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close menu\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/MobileNavigation.wrn"
+    },
+    {
+      "name": "MobileTableCard",
+      "mount": "MobileTableCard",
+      "category": "content",
+      "purpose": "Reusable mobile table card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileTableCard.wrn"
+    },
+    {
+      "name": "Modal",
+      "mount": "Modal",
+      "category": "core",
+      "purpose": "Reusable modal component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Dialog\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Modal.wrn"
+    },
+    {
+      "name": "MonthlyVolumeSelector",
+      "mount": "MonthlyVolumeSelector",
+      "category": "forms",
+      "purpose": "Reusable monthly volume selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MonthlyVolume\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthlyVolumeSelector.wrn"
+    },
+    {
+      "name": "MonthPicker",
+      "mount": "MonthPicker",
+      "category": "forms",
+      "purpose": "Reusable month picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Month\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthPicker.wrn"
+    },
+    {
+      "name": "MonthYearPicker",
+      "mount": "MonthYearPicker",
+      "category": "forms",
+      "purpose": "Reusable month year picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MonthYear\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthYearPicker.wrn"
+    },
+    {
+      "name": "MultiFileUpload",
+      "mount": "MultiFileUpload",
+      "category": "content",
+      "purpose": "Reusable multi file upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MultiFileUpload.wrn"
+    },
+    {
+      "name": "MultipleEmailInput",
+      "mount": "MultipleEmailInput",
+      "category": "forms",
+      "purpose": "Reusable multiple email input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MultipleEmail\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MultipleEmailInput.wrn"
+    },
+    {
+      "name": "MultiSelect",
+      "mount": "MultiSelect",
+      "category": "core",
+      "purpose": "Reusable multi select component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"multi-select\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose options\""
+        },
+        {
+          "name": "options",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "required": false,
+          "default": "5"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/MultiSelect.wrn"
+    },
+    {
+      "name": "MutedText",
+      "mount": "MutedText",
+      "category": "content",
+      "purpose": "Reusable muted text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MutedText.wrn"
+    },
+    {
+      "name": "NameInput",
+      "mount": "NameInput",
+      "category": "forms",
+      "purpose": "Reusable name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Name\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NameInput.wrn"
+    },
+    {
+      "name": "NarrowContainer",
+      "mount": "NarrowContainer",
+      "category": "core",
+      "purpose": "Reusable narrow container component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NarrowContainer.wrn"
+    },
+    {
+      "name": "Navigation",
+      "mount": "Navigation",
+      "category": "layout",
+      "purpose": "Reusable navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Navigation.wrn"
+    },
+    {
+      "name": "NavigationItem",
+      "mount": "NavigationItem",
+      "category": "content",
+      "purpose": "Reusable navigation item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NavigationItem.wrn"
+    },
+    {
+      "name": "NavigationMegaMenu",
+      "mount": "NavigationMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable navigation mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NavigationMegaMenu.wrn"
+    },
+    {
+      "name": "NewBadge",
+      "mount": "NewBadge",
+      "category": "feedback",
+      "purpose": "Reusable new badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"New\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewBadge.wrn"
+    },
+    {
+      "name": "NewPasswordInput",
+      "mount": "NewPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable new password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NewPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewPasswordInput.wrn"
+    },
+    {
+      "name": "NewsletterCTA",
+      "mount": "NewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable newsletter c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewsletterCTA.wrn"
+    },
+    {
+      "name": "NewsletterForm",
+      "mount": "NewsletterForm",
+      "category": "content",
+      "purpose": "Reusable newsletter form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewsletterForm.wrn"
+    },
+    {
+      "name": "NoResultsState",
+      "mount": "NoResultsState",
+      "category": "feedback",
+      "purpose": "Reusable no results state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NoResults\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NoResultsState.wrn"
+    },
+    {
+      "name": "NotFoundPage",
+      "mount": "NotFoundPage",
+      "category": "content",
+      "purpose": "Reusable not found page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotFoundPage.wrn"
+    },
+    {
+      "name": "NotFoundState",
+      "mount": "NotFoundState",
+      "category": "feedback",
+      "purpose": "Reusable not found state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NotFound\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotFoundState.wrn"
+    },
+    {
+      "name": "NotificationCard",
+      "mount": "NotificationCard",
+      "category": "content",
+      "purpose": "Reusable notification card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationCard.wrn"
+    },
+    {
+      "name": "NotificationDot",
+      "mount": "NotificationDot",
+      "category": "core",
+      "purpose": "Reusable notification dot component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Notification\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationDot.wrn"
+    },
+    {
+      "name": "NotificationList",
+      "mount": "NotificationList",
+      "category": "data",
+      "purpose": "Reusable notification list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationList.wrn"
+    },
+    {
+      "name": "NumberInput",
+      "mount": "NumberInput",
+      "category": "forms",
+      "purpose": "Reusable number input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Number\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/NumberInput.wrn"
+    },
+    {
+      "name": "OfficeCard",
+      "mount": "OfficeCard",
+      "category": "content",
+      "purpose": "Reusable office card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfficeCard.wrn"
+    },
+    {
+      "name": "OfflinePage",
+      "mount": "OfflinePage",
+      "category": "content",
+      "purpose": "Reusable offline page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfflinePage.wrn"
+    },
+    {
+      "name": "OfflineState",
+      "mount": "OfflineState",
+      "category": "feedback",
+      "purpose": "Reusable offline state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Offline\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfflineState.wrn"
+    },
+    {
+      "name": "OnboardingProgress",
+      "mount": "OnboardingProgress",
+      "category": "visualization",
+      "purpose": "Reusable onboarding progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OnboardingProgress.wrn"
+    },
+    {
+      "name": "OneTimeSecretDisplay",
+      "mount": "OneTimeSecretDisplay",
+      "category": "content",
+      "purpose": "Reusable one time secret display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OneTimeSecretDisplay.wrn"
+    },
+    {
+      "name": "OnlineIndicator",
+      "mount": "OnlineIndicator",
+      "category": "feedback",
+      "purpose": "Reusable online indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Online\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OnlineIndicator.wrn"
+    },
+    {
+      "name": "OpacitySlider",
+      "mount": "OpacitySlider",
+      "category": "content",
+      "purpose": "Reusable opacity slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OpacitySlider.wrn"
+    },
+    {
+      "name": "OpenAPICTA",
+      "mount": "OpenAPICTA",
+      "category": "actions",
+      "purpose": "Reusable open a p i c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OpenAPICTA.wrn"
+    },
+    {
+      "name": "OptionalIndicator",
+      "mount": "OptionalIndicator",
+      "category": "feedback",
+      "purpose": "Reusable optional indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Optional\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OptionalIndicator.wrn"
+    },
+    {
+      "name": "OrganizationSelector",
+      "mount": "OrganizationSelector",
+      "category": "forms",
+      "purpose": "Reusable organization selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Organization\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OrganizationSelector.wrn"
+    },
+    {
+      "name": "OtpInput",
+      "mount": "OtpInput",
+      "category": "forms",
+      "purpose": "Reusable otp input component.",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"otp\""
+        },
+        {
+          "name": "length",
+          "type": "number",
+          "required": false,
+          "default": "6"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Verification code\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/OtpInput.wrn"
+    },
+    {
+      "name": "OtpVerificationForm",
+      "mount": "OtpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable otp verification form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OtpVerificationForm.wrn"
+    },
+    {
+      "name": "OutlinedCard",
+      "mount": "OutlinedCard",
+      "category": "content",
+      "purpose": "Reusable outlined card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OutlinedCard.wrn"
+    },
+    {
+      "name": "PageAlert",
+      "mount": "PageAlert",
+      "category": "feedback",
+      "purpose": "Reusable page alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Page\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageAlert.wrn"
+    },
+    {
+      "name": "PageHeading",
+      "mount": "PageHeading",
+      "category": "core",
+      "purpose": "Reusable page heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageHeading.wrn"
+    },
+    {
+      "name": "PageShell",
+      "mount": "PageShell",
+      "category": "core",
+      "purpose": "Reusable page shell component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageShell.wrn"
+    },
+    {
+      "name": "PageSkeleton",
+      "mount": "PageSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable page skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Page\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageSkeleton.wrn"
+    },
+    {
+      "name": "Pagination",
+      "mount": "Pagination",
+      "category": "core",
+      "purpose": "Reusable pagination component.",
+      "props": [
+        {
+          "name": "page",
+          "type": "number",
+          "required": false,
+          "default": "1"
+        },
+        {
+          "name": "totalPages",
+          "type": "number",
+          "required": false,
+          "default": "1"
+        },
+        {
+          "name": "previousHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "nextHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Pagination.wrn"
+    },
+    {
+      "name": "Panel",
+      "mount": "Panel",
+      "category": "layout",
+      "purpose": "Reusable panel component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Panel.wrn"
+    },
+    {
+      "name": "PartnerApplicationForm",
+      "mount": "PartnerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable partner application form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerApplicationForm.wrn"
+    },
+    {
+      "name": "PartnerLogoGrid",
+      "mount": "PartnerLogoGrid",
+      "category": "data",
+      "purpose": "Reusable partner logo grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerLogoGrid.wrn"
+    },
+    {
+      "name": "PartnerProgramCard",
+      "mount": "PartnerProgramCard",
+      "category": "content",
+      "purpose": "Reusable partner program card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerProgramCard.wrn"
+    },
+    {
+      "name": "PasskeyButton",
+      "mount": "PasskeyButton",
+      "category": "actions",
+      "purpose": "Reusable passkey button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasskeyButton.wrn"
+    },
+    {
+      "name": "PasswordInput",
+      "mount": "PasswordInput",
+      "category": "forms",
+      "purpose": "Reusable password input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Password\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PasswordInput.wrn"
+    },
+    {
+      "name": "PasswordRequirementList",
+      "mount": "PasswordRequirementList",
+      "category": "data",
+      "purpose": "Reusable password requirement list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordRequirementList.wrn"
+    },
+    {
+      "name": "PasswordStrengthMeter",
+      "mount": "PasswordStrengthMeter",
+      "category": "visualization",
+      "purpose": "Reusable password strength meter component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordStrengthMeter.wrn"
+    },
+    {
+      "name": "PasswordVisibilityToggle",
+      "mount": "PasswordVisibilityToggle",
+      "category": "forms",
+      "purpose": "Reusable password visibility toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PasswordVisibility\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordVisibilityToggle.wrn"
+    },
+    {
+      "name": "PathInput",
+      "mount": "PathInput",
+      "category": "forms",
+      "purpose": "Reusable path input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Path\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PathInput.wrn"
+    },
+    {
+      "name": "PaymentMethodCard",
+      "mount": "PaymentMethodCard",
+      "category": "content",
+      "purpose": "Reusable payment method card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PaymentMethodCard.wrn"
+    },
+    {
+      "name": "PdfPreview",
+      "mount": "PdfPreview",
+      "category": "content",
+      "purpose": "Reusable pdf preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PdfPreview.wrn"
+    },
+    {
+      "name": "PercentageInput",
+      "mount": "PercentageInput",
+      "category": "forms",
+      "purpose": "Reusable percentage input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Percentage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PercentageInput.wrn"
+    },
+    {
+      "name": "PermissionSelector",
+      "mount": "PermissionSelector",
+      "category": "forms",
+      "purpose": "Reusable permission selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Permission\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PermissionSelector.wrn"
+    },
+    {
+      "name": "PhoneInput",
+      "mount": "PhoneInput",
+      "category": "forms",
+      "purpose": "Reusable phone input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Phone\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PhoneInput.wrn"
+    },
+    {
+      "name": "PieChart",
+      "mount": "PieChart",
+      "category": "visualization",
+      "purpose": "Reusable pie chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PieChart.wrn"
+    },
+    {
+      "name": "Pill",
+      "mount": "Pill",
+      "category": "core",
+      "purpose": "Reusable pill component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pill\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Pill.wrn"
+    },
+    {
+      "name": "PinInput",
+      "mount": "PinInput",
+      "category": "forms",
+      "purpose": "Reusable pin input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pin\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PinInput.wrn"
+    },
+    {
+      "name": "PlainTextEditor",
+      "mount": "PlainTextEditor",
+      "category": "forms",
+      "purpose": "Reusable plain text editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PlainText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlainTextEditor.wrn"
+    },
+    {
+      "name": "PlanCTA",
+      "mount": "PlanCTA",
+      "category": "actions",
+      "purpose": "Reusable plan c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanCTA.wrn"
+    },
+    {
+      "name": "PlanFeatureList",
+      "mount": "PlanFeatureList",
+      "category": "data",
+      "purpose": "Reusable plan feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanFeatureList.wrn"
+    },
+    {
+      "name": "PlanLimitList",
+      "mount": "PlanLimitList",
+      "category": "data",
+      "purpose": "Reusable plan limit list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanLimitList.wrn"
+    },
+    {
+      "name": "PlanSelector",
+      "mount": "PlanSelector",
+      "category": "forms",
+      "purpose": "Reusable plan selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Plan\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanSelector.wrn"
+    },
+    {
+      "name": "PlatformPillarCard",
+      "mount": "PlatformPillarCard",
+      "category": "content",
+      "purpose": "Reusable platform pillar card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlatformPillarCard.wrn"
+    },
+    {
+      "name": "PolicyVersionTable",
+      "mount": "PolicyVersionTable",
+      "category": "data",
+      "purpose": "Reusable policy version table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PolicyVersionTable.wrn"
+    },
+    {
+      "name": "Popover",
+      "mount": "Popover",
+      "category": "overlays",
+      "purpose": "Reusable popover component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Popover.wrn"
+    },
+    {
+      "name": "PortInput",
+      "mount": "PortInput",
+      "category": "forms",
+      "purpose": "Reusable port input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Port\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PortInput.wrn"
+    },
+    {
+      "name": "PortNumberInput",
+      "mount": "PortNumberInput",
+      "category": "forms",
+      "purpose": "Reusable port number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PortNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PortNumberInput.wrn"
+    },
+    {
+      "name": "PositiveNumberInput",
+      "mount": "PositiveNumberInput",
+      "category": "forms",
+      "purpose": "Reusable positive number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PositiveNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PositiveNumberInput.wrn"
+    },
+    {
+      "name": "PostalCodeInput",
+      "mount": "PostalCodeInput",
+      "category": "forms",
+      "purpose": "Reusable postal code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PostalCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PostalCodeInput.wrn"
+    },
+    {
+      "name": "PostmanCTA",
+      "mount": "PostmanCTA",
+      "category": "actions",
+      "purpose": "Reusable postman c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PostmanCTA.wrn"
+    },
+    {
+      "name": "PresetDateRangePicker",
+      "mount": "PresetDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable preset date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PresetDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PresetDateRangePicker.wrn"
+    },
+    {
+      "name": "PressReleaseCard",
+      "mount": "PressReleaseCard",
+      "category": "content",
+      "purpose": "Reusable press release card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PressReleaseCard.wrn"
+    },
+    {
+      "name": "PreviewBadge",
+      "mount": "PreviewBadge",
+      "category": "feedback",
+      "purpose": "Reusable preview badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Preview\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PreviewBadge.wrn"
+    },
+    {
+      "name": "PreviousNextNavigation",
+      "mount": "PreviousNextNavigation",
+      "category": "layout",
+      "purpose": "Reusable previous next navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PreviousNextNavigation.wrn"
+    },
+    {
+      "name": "PriceInput",
+      "mount": "PriceInput",
+      "category": "forms",
+      "purpose": "Reusable price input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Price\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceInput.wrn"
+    },
+    {
+      "name": "PriceRangeSlider",
+      "mount": "PriceRangeSlider",
+      "category": "content",
+      "purpose": "Reusable price range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceRangeSlider.wrn"
+    },
+    {
+      "name": "PriceText",
+      "mount": "PriceText",
+      "category": "content",
+      "purpose": "Reusable price text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceText.wrn"
+    },
+    {
+      "name": "PricingCard",
+      "mount": "PricingCard",
+      "category": "content",
+      "purpose": "Reusable pricing card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingCard.wrn"
+    },
+    {
+      "name": "PricingComparisonTable",
+      "mount": "PricingComparisonTable",
+      "category": "data",
+      "purpose": "Reusable pricing comparison table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Plan comparison\""
+        },
+        {
+          "name": "plans",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "features",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PricingComparisonTable.wrn"
+    },
+    {
+      "name": "PricingContactForm",
+      "mount": "PricingContactForm",
+      "category": "content",
+      "purpose": "Reusable pricing contact form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingContactForm.wrn"
+    },
+    {
+      "name": "PricingFeatureGroup",
+      "mount": "PricingFeatureGroup",
+      "category": "forms",
+      "purpose": "Reusable pricing feature group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PricingFeature\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingFeatureGroup.wrn"
+    },
+    {
+      "name": "PricingGrid",
+      "mount": "PricingGrid",
+      "category": "data",
+      "purpose": "Reusable pricing grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingGrid.wrn"
+    },
+    {
+      "name": "PricingHero",
+      "mount": "PricingHero",
+      "category": "layout",
+      "purpose": "Reusable pricing hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingHero.wrn"
+    },
+    {
+      "name": "PricingPlanCard",
+      "mount": "PricingPlanCard",
+      "category": "content",
+      "purpose": "Reusable pricing plan card component.",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"Starter\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "price",
+          "type": "string",
+          "required": false,
+          "default": "\"₹0\""
+        },
+        {
+          "name": "period",
+          "type": "string",
+          "required": false,
+          "default": "\"/month\""
+        },
+        {
+          "name": "featured",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "ctaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose plan\""
+        },
+        {
+          "name": "ctaHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingPlanCard.wrn"
+    },
+    {
+      "name": "PricingTable",
+      "mount": "PricingTable",
+      "category": "data",
+      "purpose": "Reusable pricing table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingTable.wrn"
+    },
+    {
+      "name": "PricingToggle",
+      "mount": "PricingToggle",
+      "category": "forms",
+      "purpose": "Reusable pricing toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pricing\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingToggle.wrn"
+    },
+    {
+      "name": "PrimaryButton",
+      "mount": "PrimaryButton",
+      "category": "actions",
+      "purpose": "Reusable primary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrimaryButton.wrn"
+    },
+    {
+      "name": "PrintAction",
+      "mount": "PrintAction",
+      "category": "actions",
+      "purpose": "Reusable print action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrintAction.wrn"
+    },
+    {
+      "name": "PrintPolicyButton",
+      "mount": "PrintPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable print policy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrintPolicyButton.wrn"
+    },
+    {
+      "name": "PrioritySelector",
+      "mount": "PrioritySelector",
+      "category": "forms",
+      "purpose": "Reusable priority selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Priority\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrioritySelector.wrn"
+    },
+    {
+      "name": "PrivacyNotice",
+      "mount": "PrivacyNotice",
+      "category": "feedback",
+      "purpose": "Reusable privacy notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Privacy\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrivacyNotice.wrn"
+    },
+    {
+      "name": "ProductArchitectureDiagram",
+      "mount": "ProductArchitectureDiagram",
+      "category": "visualization",
+      "purpose": "Reusable product architecture diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductArchitectureDiagram.wrn"
+    },
+    {
+      "name": "ProductCard",
+      "mount": "ProductCard",
+      "category": "content",
+      "purpose": "Reusable product card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"Product\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Product name\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProductCard.wrn"
+    },
+    {
+      "name": "ProductCategorySection",
+      "mount": "ProductCategorySection",
+      "category": "layout",
+      "purpose": "Reusable product category section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductCategorySection.wrn"
+    },
+    {
+      "name": "ProductCTA",
+      "mount": "ProductCTA",
+      "category": "actions",
+      "purpose": "Reusable product c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductCTA.wrn"
+    },
+    {
+      "name": "ProductFeatureList",
+      "mount": "ProductFeatureList",
+      "category": "data",
+      "purpose": "Reusable product feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductFeatureList.wrn"
+    },
+    {
+      "name": "ProductGrid",
+      "mount": "ProductGrid",
+      "category": "data",
+      "purpose": "Reusable product grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductGrid.wrn"
+    },
+    {
+      "name": "ProductHero",
+      "mount": "ProductHero",
+      "category": "layout",
+      "purpose": "Reusable product hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductHero.wrn"
+    },
+    {
+      "name": "ProductIcon",
+      "mount": "ProductIcon",
+      "category": "content",
+      "purpose": "Reusable product icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductIcon.wrn"
+    },
+    {
+      "name": "ProductIntegrationList",
+      "mount": "ProductIntegrationList",
+      "category": "data",
+      "purpose": "Reusable product integration list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductIntegrationList.wrn"
+    },
+    {
+      "name": "ProductList",
+      "mount": "ProductList",
+      "category": "data",
+      "purpose": "Reusable product list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductList.wrn"
+    },
+    {
+      "name": "ProductLogo",
+      "mount": "ProductLogo",
+      "category": "content",
+      "purpose": "Reusable product logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductLogo.wrn"
+    },
+    {
+      "name": "ProductMiniCard",
+      "mount": "ProductMiniCard",
+      "category": "content",
+      "purpose": "Reusable product mini card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductMiniCard.wrn"
+    },
+    {
+      "name": "ProductNavigationCard",
+      "mount": "ProductNavigationCard",
+      "category": "content",
+      "purpose": "Reusable product navigation card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductNavigationCard.wrn"
+    },
+    {
+      "name": "ProductPageShell",
+      "mount": "ProductPageShell",
+      "category": "layout",
+      "purpose": "Reusable product page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductPageShell.wrn"
+    },
+    {
+      "name": "ProductSelector",
+      "mount": "ProductSelector",
+      "category": "forms",
+      "purpose": "Reusable product selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Product\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductSelector.wrn"
+    },
+    {
+      "name": "ProductsMegaMenu",
+      "mount": "ProductsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable products mega menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Products\""
+        },
+        {
+          "name": "sections",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProductsMegaMenu.wrn"
+    },
+    {
+      "name": "ProductStatusBadge",
+      "mount": "ProductStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable product status badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ProductStatus\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductStatusBadge.wrn"
+    },
+    {
+      "name": "ProductUseCaseList",
+      "mount": "ProductUseCaseList",
+      "category": "data",
+      "purpose": "Reusable product use case list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductUseCaseList.wrn"
+    },
+    {
+      "name": "progress",
+      "mount": "progress",
+      "category": "core",
+      "purpose": "Reusable progress component.",
+      "props": [
+        {
+          "name": "value",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "100"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/progress.wrn"
+    },
+    {
+      "name": "ProgressBar",
+      "mount": "ProgressBar",
+      "category": "core",
+      "purpose": "Reusable progress bar component.",
+      "props": [
+        {
+          "name": "value",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "100"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Progress\""
+        },
+        {
+          "name": "showValue",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProgressBar.wrn"
+    },
+    {
+      "name": "ProgressChart",
+      "mount": "ProgressChart",
+      "category": "visualization",
+      "purpose": "Reusable progress chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressChart.wrn"
+    },
+    {
+      "name": "ProgressRing",
+      "mount": "ProgressRing",
+      "category": "visualization",
+      "purpose": "Reusable progress ring component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressRing.wrn"
+    },
+    {
+      "name": "ProgressSlider",
+      "mount": "ProgressSlider",
+      "category": "content",
+      "purpose": "Reusable progress slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressSlider.wrn"
+    },
+    {
+      "name": "ProjectCard",
+      "mount": "ProjectCard",
+      "category": "content",
+      "purpose": "Reusable project card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectCard.wrn"
+    },
+    {
+      "name": "ProjectSelector",
+      "mount": "ProjectSelector",
+      "category": "forms",
+      "purpose": "Reusable project selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Project\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectSelector.wrn"
+    },
+    {
+      "name": "ProjectSwitcher",
+      "mount": "ProjectSwitcher",
+      "category": "content",
+      "purpose": "Reusable project switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectSwitcher.wrn"
+    },
+    {
+      "name": "PromoCodeInput",
+      "mount": "PromoCodeInput",
+      "category": "forms",
+      "purpose": "Reusable promo code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PromoCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PromoCodeInput.wrn"
+    },
+    {
+      "name": "PromptDialog",
+      "mount": "PromptDialog",
+      "category": "overlays",
+      "purpose": "Reusable prompt dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PromptDialog.wrn"
+    },
+    {
+      "name": "ProviderSelector",
+      "mount": "ProviderSelector",
+      "category": "forms",
+      "purpose": "Reusable provider selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Provider\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProviderSelector.wrn"
+    },
+    {
+      "name": "PublicFooter",
+      "mount": "PublicFooter",
+      "category": "core",
+      "purpose": "Reusable public footer component.",
+      "props": [
+        {
+          "name": "brand",
+          "type": "string",
+          "required": false,
+          "default": "\"WRNexusJS\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"SSR-first, Bun-native full-stack framework.\""
+        },
+        {
+          "name": "copyright",
+          "type": "string",
+          "required": false,
+          "default": "\"© 2026 WorkRoot Workspace\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicFooter.wrn"
+    },
+    {
+      "name": "PublicHeader",
+      "mount": "PublicHeader",
+      "category": "layout",
+      "purpose": "Reusable public header component.",
+      "props": [
+        {
+          "name": "brand",
+          "type": "string",
+          "required": false,
+          "default": "\"WRNexusJS\""
+        },
+        {
+          "name": "homeHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        },
+        {
+          "name": "signInHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/signin\""
+        },
+        {
+          "name": "ctaHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/start\""
+        },
+        {
+          "name": "ctaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        }
+      ],
+      "slots": ["default", "mobile"],
+      "events": ["click"],
+      "source": "components/PublicHeader.wrn"
+    },
+    {
+      "name": "PublicHeaderLogo",
+      "mount": "PublicHeaderLogo",
+      "category": "content",
+      "purpose": "Reusable public header logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicHeaderLogo.wrn"
+    },
+    {
+      "name": "PublicPageShell",
+      "mount": "PublicPageShell",
+      "category": "layout",
+      "purpose": "Reusable public page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicPageShell.wrn"
+    },
+    {
+      "name": "PublishDateTimePicker",
+      "mount": "PublishDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable publish date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PublishDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublishDateTimePicker.wrn"
+    },
+    {
+      "name": "PushComposer",
+      "mount": "PushComposer",
+      "category": "content",
+      "purpose": "Reusable push composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PushComposer.wrn"
+    },
+    {
+      "name": "PushNotificationEditor",
+      "mount": "PushNotificationEditor",
+      "category": "forms",
+      "purpose": "Reusable push notification editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PushNotification\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PushNotificationEditor.wrn"
+    },
+    {
+      "name": "QrCode",
+      "mount": "QrCode",
+      "category": "content",
+      "purpose": "Reusable qr code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QrCode.wrn"
+    },
+    {
+      "name": "QuantityInput",
+      "mount": "QuantityInput",
+      "category": "forms",
+      "purpose": "Reusable quantity input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Quantity\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuantityInput.wrn"
+    },
+    {
+      "name": "QuantityStepper",
+      "mount": "QuantityStepper",
+      "category": "content",
+      "purpose": "Reusable quantity stepper component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuantityStepper.wrn"
+    },
+    {
+      "name": "QuietHoursPicker",
+      "mount": "QuietHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable quiet hours picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Quiet hours\""
+        },
+        {
+          "name": "startName",
+          "type": "string",
+          "required": false,
+          "default": "\"quietStart\""
+        },
+        {
+          "name": "endName",
+          "type": "string",
+          "required": false,
+          "default": "\"quietEnd\""
+        },
+        {
+          "name": "start",
+          "type": "string",
+          "required": false,
+          "default": "\"22:00\""
+        },
+        {
+          "name": "end",
+          "type": "string",
+          "required": false,
+          "default": "\"08:00\""
+        },
+        {
+          "name": "timezone",
+          "type": "string",
+          "required": false,
+          "default": "\"UTC\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/QuietHoursPicker.wrn"
+    },
+    {
+      "name": "QuoteText",
+      "mount": "QuoteText",
+      "category": "content",
+      "purpose": "Reusable quote text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuoteText.wrn"
+    },
+    {
+      "name": "Radio",
+      "mount": "Radio",
+      "category": "core",
+      "purpose": "Reusable radio component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"choice\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Option\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Radio.wrn"
+    },
+    {
+      "name": "RadioGroup",
+      "mount": "RadioGroup",
+      "category": "forms",
+      "purpose": "Reusable radio group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose one\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"choice\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RadioGroup.wrn"
+    },
+    {
+      "name": "RangeInput",
+      "mount": "RangeInput",
+      "category": "forms",
+      "purpose": "Reusable range input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Range\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RangeInput.wrn"
+    },
+    {
+      "name": "RangeSlider",
+      "mount": "RangeSlider",
+      "category": "content",
+      "purpose": "Reusable range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RangeSlider.wrn"
+    },
+    {
+      "name": "RateLimitedState",
+      "mount": "RateLimitedState",
+      "category": "feedback",
+      "purpose": "Reusable rate limited state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RateLimited\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitedState.wrn"
+    },
+    {
+      "name": "RateLimitInput",
+      "mount": "RateLimitInput",
+      "category": "forms",
+      "purpose": "Reusable rate limit input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RateLimit\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitInput.wrn"
+    },
+    {
+      "name": "RateLimitPage",
+      "mount": "RateLimitPage",
+      "category": "content",
+      "purpose": "Reusable rate limit page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitPage.wrn"
+    },
+    {
+      "name": "RateTable",
+      "mount": "RateTable",
+      "category": "data",
+      "purpose": "Reusable rate table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateTable.wrn"
+    },
+    {
+      "name": "RatingSlider",
+      "mount": "RatingSlider",
+      "category": "content",
+      "purpose": "Reusable rating slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RatingSlider.wrn"
+    },
+    {
+      "name": "RecipientSelector",
+      "mount": "RecipientSelector",
+      "category": "forms",
+      "purpose": "Reusable recipient selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Recipient\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecipientSelector.wrn"
+    },
+    {
+      "name": "RecoveryCodeForm",
+      "mount": "RecoveryCodeForm",
+      "category": "content",
+      "purpose": "Reusable recovery code form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecoveryCodeForm.wrn"
+    },
+    {
+      "name": "RecoveryCodeInput",
+      "mount": "RecoveryCodeInput",
+      "category": "forms",
+      "purpose": "Reusable recovery code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RecoveryCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecoveryCodeInput.wrn"
+    },
+    {
+      "name": "RecurrenceRuleBuilder",
+      "mount": "RecurrenceRuleBuilder",
+      "category": "content",
+      "purpose": "Reusable recurrence rule builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecurrenceRuleBuilder.wrn"
+    },
+    {
+      "name": "RecurringSchedulePicker",
+      "mount": "RecurringSchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable recurring schedule picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"recurring-schedule\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"recurrence\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Repeat\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"none\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/RecurringSchedulePicker.wrn"
+    },
+    {
+      "name": "RedirectUriInput",
+      "mount": "RedirectUriInput",
+      "category": "forms",
+      "purpose": "Reusable redirect uri input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RedirectUri\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RedirectUriInput.wrn"
+    },
+    {
+      "name": "ReferenceInput",
+      "mount": "ReferenceInput",
+      "category": "forms",
+      "purpose": "Reusable reference input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Reference\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReferenceInput.wrn"
+    },
+    {
+      "name": "RegexInput",
+      "mount": "RegexInput",
+      "category": "forms",
+      "purpose": "Reusable regex input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Regex\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegexInput.wrn"
+    },
+    {
+      "name": "RegionalPrivacyBanner",
+      "mount": "RegionalPrivacyBanner",
+      "category": "feedback",
+      "purpose": "Reusable regional privacy banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionalPrivacy\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionalPrivacyBanner.wrn"
+    },
+    {
+      "name": "RegionAvailabilityTable",
+      "mount": "RegionAvailabilityTable",
+      "category": "data",
+      "purpose": "Reusable region availability table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionAvailabilityTable.wrn"
+    },
+    {
+      "name": "RegionSelector",
+      "mount": "RegionSelector",
+      "category": "forms",
+      "purpose": "Reusable region selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Region\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionSelector.wrn"
+    },
+    {
+      "name": "RegionUnavailableAlert",
+      "mount": "RegionUnavailableAlert",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionUnavailableAlert.wrn"
+    },
+    {
+      "name": "RegionUnavailableState",
+      "mount": "RegionUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionUnavailableState.wrn"
+    },
+    {
+      "name": "RejectOptionalCookiesButton",
+      "mount": "RejectOptionalCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable reject optional cookies button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RejectOptionalCookiesButton.wrn"
+    },
+    {
+      "name": "ReopenCookieSettingsButton",
+      "mount": "ReopenCookieSettingsButton",
+      "category": "actions",
+      "purpose": "Reusable reopen cookie settings button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReopenCookieSettingsButton.wrn"
+    },
+    {
+      "name": "ReportCard",
+      "mount": "ReportCard",
+      "category": "content",
+      "purpose": "Reusable report card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReportCard.wrn"
+    },
+    {
+      "name": "RequestResponseViewer",
+      "mount": "RequestResponseViewer",
+      "category": "content",
+      "purpose": "Reusable request response viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequestResponseViewer.wrn"
+    },
+    {
+      "name": "RequestViewer",
+      "mount": "RequestViewer",
+      "category": "content",
+      "purpose": "Reusable request viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequestViewer.wrn"
+    },
+    {
+      "name": "RequiredIndicator",
+      "mount": "RequiredIndicator",
+      "category": "feedback",
+      "purpose": "Reusable required indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Required\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequiredIndicator.wrn"
+    },
+    {
+      "name": "ResetPasswordForm",
+      "mount": "ResetPasswordForm",
+      "category": "content",
+      "purpose": "Reusable reset password form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResetPasswordForm.wrn"
+    },
+    {
+      "name": "ResizablePanel",
+      "mount": "ResizablePanel",
+      "category": "layout",
+      "purpose": "Reusable resizable panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResizablePanel.wrn"
+    },
+    {
+      "name": "ResourceCard",
+      "mount": "ResourceCard",
+      "category": "content",
+      "purpose": "Reusable resource card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceCard.wrn"
+    },
+    {
+      "name": "ResourceDownloadCard",
+      "mount": "ResourceDownloadCard",
+      "category": "content",
+      "purpose": "Reusable resource download card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceDownloadCard.wrn"
+    },
+    {
+      "name": "ResourcePageShell",
+      "mount": "ResourcePageShell",
+      "category": "layout",
+      "purpose": "Reusable resource page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourcePageShell.wrn"
+    },
+    {
+      "name": "ResourceSearch",
+      "mount": "ResourceSearch",
+      "category": "content",
+      "purpose": "Reusable resource search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceSearch.wrn"
+    },
+    {
+      "name": "ResourcesMegaMenu",
+      "mount": "ResourcesMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable resources mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourcesMegaMenu.wrn"
+    },
+    {
+      "name": "ResourceTypeBadge",
+      "mount": "ResourceTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable resource type badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ResourceType\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceTypeBadge.wrn"
+    },
+    {
+      "name": "ResponseViewer",
+      "mount": "ResponseViewer",
+      "category": "content",
+      "purpose": "Reusable response viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponseViewer.wrn"
+    },
+    {
+      "name": "ResponsibleDisclosureCTA",
+      "mount": "ResponsibleDisclosureCTA",
+      "category": "actions",
+      "purpose": "Reusable responsible disclosure c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponsibleDisclosureCTA.wrn"
+    },
+    {
+      "name": "ResponsiveTable",
+      "mount": "ResponsiveTable",
+      "category": "data",
+      "purpose": "Reusable responsive table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponsiveTable.wrn"
+    },
+    {
+      "name": "ResultsSection",
+      "mount": "ResultsSection",
+      "category": "layout",
+      "purpose": "Reusable results section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResultsSection.wrn"
+    },
+    {
+      "name": "RetentionTable",
+      "mount": "RetentionTable",
+      "category": "data",
+      "purpose": "Reusable retention table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RetentionTable.wrn"
+    },
+    {
+      "name": "RetryCountInput",
+      "mount": "RetryCountInput",
+      "category": "forms",
+      "purpose": "Reusable retry count input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RetryCount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RetryCountInput.wrn"
+    },
+    {
+      "name": "RevenueChart",
+      "mount": "RevenueChart",
+      "category": "visualization",
+      "purpose": "Reusable revenue chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RevenueChart.wrn"
+    },
+    {
+      "name": "RgbColorInput",
+      "mount": "RgbColorInput",
+      "category": "forms",
+      "purpose": "Reusable rgb color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RgbColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RgbColorInput.wrn"
+    },
+    {
+      "name": "RichTextEditor",
+      "mount": "RichTextEditor",
+      "category": "forms",
+      "purpose": "Reusable rich text editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RichText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RichTextEditor.wrn"
+    },
+    {
+      "name": "RichTextInput",
+      "mount": "RichTextInput",
+      "category": "forms",
+      "purpose": "Reusable rich text input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RichText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RichTextInput.wrn"
+    },
+    {
+      "name": "RoleSelector",
+      "mount": "RoleSelector",
+      "category": "forms",
+      "purpose": "Reusable role selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Role\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RoleSelector.wrn"
+    },
+    {
+      "name": "RollingDateRangePicker",
+      "mount": "RollingDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable rolling date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RollingDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RollingDateRangePicker.wrn"
+    },
+    {
+      "name": "SaveCookiePreferencesButton",
+      "mount": "SaveCookiePreferencesButton",
+      "category": "actions",
+      "purpose": "Reusable save cookie preferences button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SaveCookiePreferencesButton.wrn"
+    },
+    {
+      "name": "SavedFilterSelector",
+      "mount": "SavedFilterSelector",
+      "category": "forms",
+      "purpose": "Reusable saved filter selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SavedFilter\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SavedFilterSelector.wrn"
+    },
+    {
+      "name": "ScheduledDateTimePicker",
+      "mount": "ScheduledDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable scheduled date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ScheduledDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScheduledDateTimePicker.wrn"
+    },
+    {
+      "name": "ScheduleMessagePicker",
+      "mount": "ScheduleMessagePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule message picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ScheduleMessage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScheduleMessagePicker.wrn"
+    },
+    {
+      "name": "SchedulePicker",
+      "mount": "SchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Schedule\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/SchedulePicker.wrn"
+    },
+    {
+      "name": "ScreenshotFrame",
+      "mount": "ScreenshotFrame",
+      "category": "layout",
+      "purpose": "Reusable screenshot frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScreenshotFrame.wrn"
+    },
+    {
+      "name": "ScrollArea",
+      "mount": "ScrollArea",
+      "category": "core",
+      "purpose": "Reusable scroll area component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScrollArea.wrn"
+    },
+    {
+      "name": "SDKCard",
+      "mount": "SDKCard",
+      "category": "content",
+      "purpose": "Reusable s d k card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SDKCard.wrn"
+    },
+    {
+      "name": "SdkLanguageSelector",
+      "mount": "SdkLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable sdk language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SdkLanguage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SdkLanguageSelector.wrn"
+    },
+    {
+      "name": "SDKLanguageTabs",
+      "mount": "SDKLanguageTabs",
+      "category": "content",
+      "purpose": "Reusable s d k language tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SDKLanguageTabs.wrn"
+    },
+    {
+      "name": "SDKTabs",
+      "mount": "SDKTabs",
+      "category": "core",
+      "purpose": "Reusable sdktabs component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SDK languages\""
+        },
+        {
+          "name": "tabs",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "defaultIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/SDKTabs.wrn"
+    },
+    {
+      "name": "SearchButton",
+      "mount": "SearchButton",
+      "category": "actions",
+      "purpose": "Reusable search button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchButton.wrn"
+    },
+    {
+      "name": "SearchCategoryTabs",
+      "mount": "SearchCategoryTabs",
+      "category": "content",
+      "purpose": "Reusable search category tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchCategoryTabs.wrn"
+    },
+    {
+      "name": "SearchDialog",
+      "mount": "SearchDialog",
+      "category": "overlays",
+      "purpose": "Reusable search dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchDialog.wrn"
+    },
+    {
+      "name": "SearchEmptyState",
+      "mount": "SearchEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable search empty state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SearchEmpty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchEmptyState.wrn"
+    },
+    {
+      "name": "SearchInput",
+      "mount": "SearchInput",
+      "category": "forms",
+      "purpose": "Reusable search input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Search\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/SearchInput.wrn"
+    },
+    {
+      "name": "SearchLoadingState",
+      "mount": "SearchLoadingState",
+      "category": "feedback",
+      "purpose": "Reusable search loading state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SearchLoading\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchLoadingState.wrn"
+    },
+    {
+      "name": "SearchResultItem",
+      "mount": "SearchResultItem",
+      "category": "content",
+      "purpose": "Reusable search result item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchResultItem.wrn"
+    },
+    {
+      "name": "SecondaryButton",
+      "mount": "SecondaryButton",
+      "category": "actions",
+      "purpose": "Reusable secondary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecondaryButton.wrn"
+    },
+    {
+      "name": "SecondPicker",
+      "mount": "SecondPicker",
+      "category": "forms",
+      "purpose": "Reusable second picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Second\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecondPicker.wrn"
+    },
+    {
+      "name": "SecretDisplay",
+      "mount": "SecretDisplay",
+      "category": "content",
+      "purpose": "Reusable secret display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretDisplay.wrn"
+    },
+    {
+      "name": "SecretInput",
+      "mount": "SecretInput",
+      "category": "forms",
+      "purpose": "Reusable secret input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Secret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretInput.wrn"
+    },
+    {
+      "name": "SecretRevealDialog",
+      "mount": "SecretRevealDialog",
+      "category": "overlays",
+      "purpose": "Reusable secret reveal dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretRevealDialog.wrn"
+    },
+    {
+      "name": "Section",
+      "mount": "Section",
+      "category": "layout",
+      "purpose": "Reusable section component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "surface",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Section.wrn"
+    },
+    {
+      "name": "SectionActions",
+      "mount": "SectionActions",
+      "category": "actions",
+      "purpose": "Reusable section actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionActions.wrn"
+    },
+    {
+      "name": "SectionHeader",
+      "mount": "SectionHeader",
+      "category": "layout",
+      "purpose": "Reusable section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Section title\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"left\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionHeader.wrn"
+    },
+    {
+      "name": "SectionHeading",
+      "mount": "SectionHeading",
+      "category": "core",
+      "purpose": "Reusable section heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionHeading.wrn"
+    },
+    {
+      "name": "SecurityAlert",
+      "mount": "SecurityAlert",
+      "category": "feedback",
+      "purpose": "Reusable security alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Security\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityAlert.wrn"
+    },
+    {
+      "name": "SecurityContactCard",
+      "mount": "SecurityContactCard",
+      "category": "content",
+      "purpose": "Reusable security contact card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityContactCard.wrn"
+    },
+    {
+      "name": "SecurityFeatureCard",
+      "mount": "SecurityFeatureCard",
+      "category": "content",
+      "purpose": "Reusable security feature card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityFeatureCard.wrn"
+    },
+    {
+      "name": "SecurityHero",
+      "mount": "SecurityHero",
+      "category": "layout",
+      "purpose": "Reusable security hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityHero.wrn"
+    },
+    {
+      "name": "SecurityPillarGrid",
+      "mount": "SecurityPillarGrid",
+      "category": "data",
+      "purpose": "Reusable security pillar grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityPillarGrid.wrn"
+    },
+    {
+      "name": "SecurityPracticeList",
+      "mount": "SecurityPracticeList",
+      "category": "data",
+      "purpose": "Reusable security practice list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityPracticeList.wrn"
+    },
+    {
+      "name": "SecurityReportForm",
+      "mount": "SecurityReportForm",
+      "category": "content",
+      "purpose": "Reusable security report form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityReportForm.wrn"
+    },
+    {
+      "name": "Select",
+      "mount": "Select",
+      "category": "core",
+      "purpose": "Reusable select component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Select\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Select.wrn"
+    },
+    {
+      "name": "SenderIdInput",
+      "mount": "SenderIdInput",
+      "category": "forms",
+      "purpose": "Reusable sender id input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SenderId\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SenderIdInput.wrn"
+    },
+    {
+      "name": "ServerErrorPage",
+      "mount": "ServerErrorPage",
+      "category": "content",
+      "purpose": "Reusable server error page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServerErrorPage.wrn"
+    },
+    {
+      "name": "ServiceLevelTable",
+      "mount": "ServiceLevelTable",
+      "category": "data",
+      "purpose": "Reusable service level table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceLevelTable.wrn"
+    },
+    {
+      "name": "ServiceStatusBadge",
+      "mount": "ServiceStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable service status badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ServiceStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusBadge.wrn"
+    },
+    {
+      "name": "ServiceStatusList",
+      "mount": "ServiceStatusList",
+      "category": "data",
+      "purpose": "Reusable service status list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusList.wrn"
+    },
+    {
+      "name": "ServiceStatusRow",
+      "mount": "ServiceStatusRow",
+      "category": "data",
+      "purpose": "Reusable service status row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusRow.wrn"
+    },
+    {
+      "name": "SessionCard",
+      "mount": "SessionCard",
+      "category": "content",
+      "purpose": "Reusable session card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SessionCard.wrn"
+    },
+    {
+      "name": "SessionExpiredDialog",
+      "mount": "SessionExpiredDialog",
+      "category": "overlays",
+      "purpose": "Reusable session expired dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SessionExpiredDialog.wrn"
+    },
+    {
+      "name": "SetupChecklist",
+      "mount": "SetupChecklist",
+      "category": "content",
+      "purpose": "Reusable setup checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SetupChecklist.wrn"
+    },
+    {
+      "name": "SeveritySelector",
+      "mount": "SeveritySelector",
+      "category": "forms",
+      "purpose": "Reusable severity selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Severity\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SeveritySelector.wrn"
+    },
+    {
+      "name": "ShadowPicker",
+      "mount": "ShadowPicker",
+      "category": "forms",
+      "purpose": "Reusable shadow picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Shadow\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShadowPicker.wrn"
+    },
+    {
+      "name": "ShareAction",
+      "mount": "ShareAction",
+      "category": "actions",
+      "purpose": "Reusable share action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShareAction.wrn"
+    },
+    {
+      "name": "ShareButton",
+      "mount": "ShareButton",
+      "category": "actions",
+      "purpose": "Reusable share button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShareButton.wrn"
+    },
+    {
+      "name": "SidebarLayout",
+      "mount": "SidebarLayout",
+      "category": "layout",
+      "purpose": "Reusable sidebar layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SidebarLayout.wrn"
+    },
+    {
+      "name": "SidePanel",
+      "mount": "SidePanel",
+      "category": "layout",
+      "purpose": "Reusable side panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SidePanel.wrn"
+    },
+    {
+      "name": "SignInForm",
+      "mount": "SignInForm",
+      "category": "content",
+      "purpose": "Reusable sign in form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignInForm.wrn"
+    },
+    {
+      "name": "SignInLink",
+      "mount": "SignInLink",
+      "category": "actions",
+      "purpose": "Reusable sign in link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignInLink.wrn"
+    },
+    {
+      "name": "SignUpForm",
+      "mount": "SignUpForm",
+      "category": "content",
+      "purpose": "Reusable sign up form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignUpForm.wrn"
+    },
+    {
+      "name": "SiteSearch",
+      "mount": "SiteSearch",
+      "category": "content",
+      "purpose": "Reusable site search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SiteSearch.wrn"
+    },
+    {
+      "name": "Skeleton",
+      "mount": "Skeleton",
+      "category": "feedback",
+      "purpose": "Reusable skeleton component.",
+      "props": [
+        {
+          "name": "height",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "rounded",
+          "type": "string",
+          "required": false,
+          "default": "\"lg\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Skeleton.wrn"
+    },
+    {
+      "name": "SkipLink",
+      "mount": "SkipLink",
+      "category": "actions",
+      "purpose": "Reusable skip link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SkipLink.wrn"
+    },
+    {
+      "name": "SlaTable",
+      "mount": "SlaTable",
+      "category": "data",
+      "purpose": "Reusable sla table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SlaTable.wrn"
+    },
+    {
+      "name": "Slider",
+      "mount": "Slider",
+      "category": "content",
+      "purpose": "Reusable slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Slider.wrn"
+    },
+    {
+      "name": "SlugInput",
+      "mount": "SlugInput",
+      "category": "forms",
+      "purpose": "Reusable slug input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Slug\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SlugInput.wrn"
+    },
+    {
+      "name": "SmallText",
+      "mount": "SmallText",
+      "category": "content",
+      "purpose": "Reusable small text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmallText.wrn"
+    },
+    {
+      "name": "SmartRouteDiagram",
+      "mount": "SmartRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable smart route diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmartRouteDiagram.wrn"
+    },
+    {
+      "name": "SmsComposer",
+      "mount": "SmsComposer",
+      "category": "content",
+      "purpose": "Reusable sms composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsComposer.wrn"
+    },
+    {
+      "name": "SmsMessageEditor",
+      "mount": "SmsMessageEditor",
+      "category": "forms",
+      "purpose": "Reusable sms message editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SmsMessage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsMessageEditor.wrn"
+    },
+    {
+      "name": "SmsSegmentCounter",
+      "mount": "SmsSegmentCounter",
+      "category": "feedback",
+      "purpose": "Reusable sms segment counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SmsSegment\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsSegmentCounter.wrn"
+    },
+    {
+      "name": "SolutionHero",
+      "mount": "SolutionHero",
+      "category": "layout",
+      "purpose": "Reusable solution hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionHero.wrn"
+    },
+    {
+      "name": "SolutionPageShell",
+      "mount": "SolutionPageShell",
+      "category": "layout",
+      "purpose": "Reusable solution page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionPageShell.wrn"
+    },
+    {
+      "name": "SolutionSection",
+      "mount": "SolutionSection",
+      "category": "layout",
+      "purpose": "Reusable solution section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionSection.wrn"
+    },
+    {
+      "name": "SolutionsMegaMenu",
+      "mount": "SolutionsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable solutions mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionsMegaMenu.wrn"
+    },
+    {
+      "name": "SortableTable",
+      "mount": "SortableTable",
+      "category": "data",
+      "purpose": "Reusable sortable table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SortableTable.wrn"
+    },
+    {
+      "name": "spacer",
+      "mount": "spacer",
+      "category": "core",
+      "purpose": "Reusable spacer component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/spacer.wrn"
+    },
+    {
+      "name": "Spinner",
+      "mount": "Spinner",
+      "category": "core",
+      "purpose": "Reusable spinner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Loading\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Spinner.wrn"
+    },
+    {
+      "name": "SplitButton",
+      "mount": "SplitButton",
+      "category": "actions",
+      "purpose": "Reusable split button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitButton.wrn"
+    },
+    {
+      "name": "SplitCTA",
+      "mount": "SplitCTA",
+      "category": "actions",
+      "purpose": "Reusable split c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitCTA.wrn"
+    },
+    {
+      "name": "SplitHero",
+      "mount": "SplitHero",
+      "category": "layout",
+      "purpose": "Reusable split hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitHero.wrn"
+    },
+    {
+      "name": "SplitLayout",
+      "mount": "SplitLayout",
+      "category": "layout",
+      "purpose": "Reusable split layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitLayout.wrn"
+    },
+    {
+      "name": "SplitSectionHeader",
+      "mount": "SplitSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable split section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitSectionHeader.wrn"
+    },
+    {
+      "name": "Stack",
+      "mount": "Stack",
+      "category": "core",
+      "purpose": "Reusable stack component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Stack.wrn"
+    },
+    {
+      "name": "StartFreeButton",
+      "mount": "StartFreeButton",
+      "category": "actions",
+      "purpose": "Reusable start free button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StartFreeButton.wrn"
+    },
+    {
+      "name": "StatCard",
+      "mount": "StatCard",
+      "category": "content",
+      "purpose": "Reusable stat card component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Metric\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"0\""
+        },
+        {
+          "name": "change",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "trend",
+          "type": "string",
+          "required": false,
+          "default": "\"neutral\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/StatCard.wrn"
+    },
+    {
+      "name": "StateSelector",
+      "mount": "StateSelector",
+      "category": "forms",
+      "purpose": "Reusable state selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"State\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StateSelector.wrn"
+    },
+    {
+      "name": "StatusBadge",
+      "mount": "StatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable status badge component.",
+      "props": [
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"operational\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/StatusBadge.wrn"
+    },
+    {
+      "name": "StatusPageShell",
+      "mount": "StatusPageShell",
+      "category": "layout",
+      "purpose": "Reusable status page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusPageShell.wrn"
+    },
+    {
+      "name": "StatusSelector",
+      "mount": "StatusSelector",
+      "category": "forms",
+      "purpose": "Reusable status selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Status\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusSelector.wrn"
+    },
+    {
+      "name": "StatusSubscribeForm",
+      "mount": "StatusSubscribeForm",
+      "category": "content",
+      "purpose": "Reusable status subscribe form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusSubscribeForm.wrn"
+    },
+    {
+      "name": "StatusTable",
+      "mount": "StatusTable",
+      "category": "data",
+      "purpose": "Reusable status table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusTable.wrn"
+    },
+    {
+      "name": "StepNavigation",
+      "mount": "StepNavigation",
+      "category": "layout",
+      "purpose": "Reusable step navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepNavigation.wrn"
+    },
+    {
+      "name": "Stepper",
+      "mount": "Stepper",
+      "category": "content",
+      "purpose": "Reusable stepper component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Stepper.wrn"
+    },
+    {
+      "name": "StepperInput",
+      "mount": "StepperInput",
+      "category": "forms",
+      "purpose": "Reusable stepper input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Stepper\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepperInput.wrn"
+    },
+    {
+      "name": "StepUpAuthenticationDialog",
+      "mount": "StepUpAuthenticationDialog",
+      "category": "overlays",
+      "purpose": "Reusable step up authentication dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepUpAuthenticationDialog.wrn"
+    },
+    {
+      "name": "StickerPicker",
+      "mount": "StickerPicker",
+      "category": "forms",
+      "purpose": "Reusable sticker picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Sticker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StickerPicker.wrn"
+    },
+    {
+      "name": "Sticky",
+      "mount": "Sticky",
+      "category": "core",
+      "purpose": "Reusable sticky component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Sticky.wrn"
+    },
+    {
+      "name": "StickyLayout",
+      "mount": "StickyLayout",
+      "category": "layout",
+      "purpose": "Reusable sticky layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StickyLayout.wrn"
+    },
+    {
+      "name": "StreetAddressInput",
+      "mount": "StreetAddressInput",
+      "category": "forms",
+      "purpose": "Reusable street address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"StreetAddress\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StreetAddressInput.wrn"
+    },
+    {
+      "name": "SubdomainInput",
+      "mount": "SubdomainInput",
+      "category": "forms",
+      "purpose": "Reusable subdomain input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Subdomain\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubdomainInput.wrn"
+    },
+    {
+      "name": "SubjectInput",
+      "mount": "SubjectInput",
+      "category": "forms",
+      "purpose": "Reusable subject input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Subject\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubjectInput.wrn"
+    },
+    {
+      "name": "SubprocessorTable",
+      "mount": "SubprocessorTable",
+      "category": "data",
+      "purpose": "Reusable subprocessor table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubprocessorTable.wrn"
+    },
+    {
+      "name": "SubsectionHeading",
+      "mount": "SubsectionHeading",
+      "category": "core",
+      "purpose": "Reusable subsection heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubsectionHeading.wrn"
+    },
+    {
+      "name": "SuccessCard",
+      "mount": "SuccessCard",
+      "category": "content",
+      "purpose": "Reusable success card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SuccessCard.wrn"
+    },
+    {
+      "name": "SuccessState",
+      "mount": "SuccessState",
+      "category": "feedback",
+      "purpose": "Reusable success state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Success\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SuccessState.wrn"
+    },
+    {
+      "name": "SupportRequestForm",
+      "mount": "SupportRequestForm",
+      "category": "content",
+      "purpose": "Reusable support request form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SupportRequestForm.wrn"
+    },
+    {
+      "name": "Surface",
+      "mount": "Surface",
+      "category": "core",
+      "purpose": "Reusable surface component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Surface.wrn"
+    },
+    {
+      "name": "Switch",
+      "mount": "Switch",
+      "category": "core",
+      "purpose": "Reusable switch component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Switch\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/Switch.wrn"
+    },
+    {
+      "name": "Table",
+      "mount": "Table",
+      "category": "data",
+      "purpose": "Reusable table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Data table\""
+        },
+        {
+          "name": "responsive",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Table.wrn"
+    },
+    {
+      "name": "TableHeader",
+      "mount": "TableHeader",
+      "category": "layout",
+      "purpose": "Reusable table header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableHeader.wrn"
+    },
+    {
+      "name": "TableRow",
+      "mount": "TableRow",
+      "category": "data",
+      "purpose": "Reusable table row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableRow.wrn"
+    },
+    {
+      "name": "TableSkeleton",
+      "mount": "TableSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable table skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Table\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableSkeleton.wrn"
+    },
+    {
+      "name": "Tabs",
+      "mount": "Tabs",
+      "category": "content",
+      "purpose": "Reusable tabs component.",
+      "props": [
+        {
+          "name": "active",
+          "type": "string",
+          "required": false,
+          "default": "\"first\""
+        }
+      ],
+      "slots": ["first", "second"],
+      "events": ["click"],
+      "source": "components/Tabs.wrn"
+    },
+    {
+      "name": "tag",
+      "mount": "tag",
+      "category": "core",
+      "purpose": "Reusable tag component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/tag.wrn"
+    },
+    {
+      "name": "TagInput",
+      "mount": "TagInput",
+      "category": "forms",
+      "purpose": "Reusable tag input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Tag\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TagInput.wrn"
+    },
+    {
+      "name": "TaxNotice",
+      "mount": "TaxNotice",
+      "category": "feedback",
+      "purpose": "Reusable tax notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Tax\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TaxNotice.wrn"
+    },
+    {
+      "name": "TaxRateInput",
+      "mount": "TaxRateInput",
+      "category": "forms",
+      "purpose": "Reusable tax rate input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TaxRate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TaxRateInput.wrn"
+    },
+    {
+      "name": "TeamMemberCard",
+      "mount": "TeamMemberCard",
+      "category": "content",
+      "purpose": "Reusable team member card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TeamMemberCard.wrn"
+    },
+    {
+      "name": "TeamSizeSelector",
+      "mount": "TeamSizeSelector",
+      "category": "forms",
+      "purpose": "Reusable team size selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TeamSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TeamSizeSelector.wrn"
+    },
+    {
+      "name": "TemplateCard",
+      "mount": "TemplateCard",
+      "category": "content",
+      "purpose": "Reusable template card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateCard.wrn"
+    },
+    {
+      "name": "TemplateSelector",
+      "mount": "TemplateSelector",
+      "category": "forms",
+      "purpose": "Reusable template selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Template\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateSelector.wrn"
+    },
+    {
+      "name": "TemplateVariableInput",
+      "mount": "TemplateVariableInput",
+      "category": "forms",
+      "purpose": "Reusable template variable input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TemplateVariable\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateVariableInput.wrn"
+    },
+    {
+      "name": "TenantIsolationDiagram",
+      "mount": "TenantIsolationDiagram",
+      "category": "visualization",
+      "purpose": "Reusable tenant isolation diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TenantIsolationDiagram.wrn"
+    },
+    {
+      "name": "TerminalBlock",
+      "mount": "TerminalBlock",
+      "category": "content",
+      "purpose": "Reusable terminal block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TerminalBlock.wrn"
+    },
+    {
+      "name": "TertiaryButton",
+      "mount": "TertiaryButton",
+      "category": "actions",
+      "purpose": "Reusable tertiary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TertiaryButton.wrn"
+    },
+    {
+      "name": "TestimonialCard",
+      "mount": "TestimonialCard",
+      "category": "content",
+      "purpose": "Reusable testimonial card component.",
+      "props": [
+        {
+          "name": "quote",
+          "type": "string",
+          "required": false,
+          "default": "\"Great product.\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"Customer\""
+        },
+        {
+          "name": "role",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "company",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "avatar",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TestimonialCard.wrn"
+    },
+    {
+      "name": "TestimonialCarousel",
+      "mount": "TestimonialCarousel",
+      "category": "content",
+      "purpose": "Reusable testimonial carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TestimonialCarousel.wrn"
+    },
+    {
+      "name": "TestMessageDialog",
+      "mount": "TestMessageDialog",
+      "category": "overlays",
+      "purpose": "Reusable test message dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TestMessageDialog.wrn"
+    },
+    {
+      "name": "Textarea",
+      "mount": "Textarea",
+      "category": "core",
+      "purpose": "Reusable textarea component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Message\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "required": false,
+          "default": "5"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Textarea.wrn"
+    },
+    {
+      "name": "TextInput",
+      "mount": "TextInput",
+      "category": "forms",
+      "purpose": "Reusable text input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Text\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TextInput.wrn"
+    },
+    {
+      "name": "TextLink",
+      "mount": "TextLink",
+      "category": "actions",
+      "purpose": "Reusable text link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TextLink.wrn"
+    },
+    {
+      "name": "TextSkeleton",
+      "mount": "TextSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable text skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Text\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TextSkeleton.wrn"
+    },
+    {
+      "name": "theme-toggle",
+      "mount": "theme-toggle",
+      "category": "core",
+      "purpose": "Reusable theme-toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Toggle theme\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/theme-toggle.wrn"
+    },
+    {
+      "name": "ThemeColorPicker",
+      "mount": "ThemeColorPicker",
+      "category": "forms",
+      "purpose": "Reusable theme color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ThemeColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ThemeColorPicker.wrn"
+    },
+    {
+      "name": "ThemeSwitcher",
+      "mount": "ThemeSwitcher",
+      "category": "content",
+      "purpose": "Reusable theme switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ThemeSwitcher.wrn"
+    },
+    {
+      "name": "TimeInput",
+      "mount": "TimeInput",
+      "category": "forms",
+      "purpose": "Reusable time input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimeInput.wrn"
+    },
+    {
+      "name": "Timeline",
+      "mount": "Timeline",
+      "category": "visualization",
+      "purpose": "Reusable timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Timeline\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Timeline.wrn"
+    },
+    {
+      "name": "TimelineChart",
+      "mount": "TimelineChart",
+      "category": "visualization",
+      "purpose": "Reusable timeline chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimelineChart.wrn"
+    },
+    {
+      "name": "TimelineItem",
+      "mount": "TimelineItem",
+      "category": "content",
+      "purpose": "Reusable timeline item component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Event\""
+        },
+        {
+          "name": "date",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimelineItem.wrn"
+    },
+    {
+      "name": "TimeoutInput",
+      "mount": "TimeoutInput",
+      "category": "forms",
+      "purpose": "Reusable timeout input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Timeout\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimeoutInput.wrn"
+    },
+    {
+      "name": "TimePicker",
+      "mount": "TimePicker",
+      "category": "forms",
+      "purpose": "Reusable time picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"time-picker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"time\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "step",
+          "type": "number",
+          "required": false,
+          "default": "60"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimePicker.wrn"
+    },
+    {
+      "name": "TimeRangePicker",
+      "mount": "TimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable time range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TimeRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimeRangePicker.wrn"
+    },
+    {
+      "name": "TimezoneAwareTimePicker",
+      "mount": "TimezoneAwareTimePicker",
+      "category": "forms",
+      "purpose": "Reusable timezone aware time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TimezoneAwareTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimezoneAwareTimePicker.wrn"
+    },
+    {
+      "name": "TimezoneSelector",
+      "mount": "TimezoneSelector",
+      "category": "forms",
+      "purpose": "Reusable timezone selector component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"timezone\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"timezone\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Timezone\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimezoneSelector.wrn"
+    },
+    {
+      "name": "Toast",
+      "mount": "Toast",
+      "category": "core",
+      "purpose": "Reusable toast component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Saved\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"success\""
+        },
+        {
+          "name": "duration",
+          "type": "number",
+          "required": false,
+          "default": "5000"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/Toast.wrn"
+    },
+    {
+      "name": "ToastAction",
+      "mount": "ToastAction",
+      "category": "actions",
+      "purpose": "Reusable toast action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastAction.wrn"
+    },
+    {
+      "name": "ToastIcon",
+      "mount": "ToastIcon",
+      "category": "content",
+      "purpose": "Reusable toast icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastIcon.wrn"
+    },
+    {
+      "name": "ToastProgress",
+      "mount": "ToastProgress",
+      "category": "visualization",
+      "purpose": "Reusable toast progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastProgress.wrn"
+    },
+    {
+      "name": "Toggle",
+      "mount": "Toggle",
+      "category": "forms",
+      "purpose": "Reusable toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Toggle.wrn"
+    },
+    {
+      "name": "ToggleGroup",
+      "mount": "ToggleGroup",
+      "category": "forms",
+      "purpose": "Reusable toggle group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Toggle\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToggleGroup.wrn"
+    },
+    {
+      "name": "TokenInput",
+      "mount": "TokenInput",
+      "category": "forms",
+      "purpose": "Reusable token input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Token\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TokenInput.wrn"
+    },
+    {
+      "name": "Tooltip",
+      "mount": "Tooltip",
+      "category": "content",
+      "purpose": "Reusable tooltip component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"Helpful information\""
+        },
+        {
+          "name": "position",
+          "type": "string",
+          "required": false,
+          "default": "\"top\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Tooltip.wrn"
+    },
+    {
+      "name": "TotpVerificationForm",
+      "mount": "TotpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable totp verification form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TotpVerificationForm.wrn"
+    },
+    {
+      "name": "TranslatedText",
+      "mount": "TranslatedText",
+      "category": "content",
+      "purpose": "Reusable translated text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TranslatedText.wrn"
+    },
+    {
+      "name": "TreeTable",
+      "mount": "TreeTable",
+      "category": "data",
+      "purpose": "Reusable tree table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TreeTable.wrn"
+    },
+    {
+      "name": "TrendIndicator",
+      "mount": "TrendIndicator",
+      "category": "feedback",
+      "purpose": "Reusable trend indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Trend\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TrendIndicator.wrn"
+    },
+    {
+      "name": "TruncatedText",
+      "mount": "TruncatedText",
+      "category": "content",
+      "purpose": "Reusable truncated text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TruncatedText.wrn"
+    },
+    {
+      "name": "TrustBadgeList",
+      "mount": "TrustBadgeList",
+      "category": "data",
+      "purpose": "Reusable trust badge list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TrustBadgeList.wrn"
+    },
+    {
+      "name": "Typography",
+      "mount": "Typography",
+      "category": "core",
+      "purpose": "Reusable typography component.",
+      "props": [
+        {
+          "name": "as",
+          "type": "string",
+          "required": false,
+          "default": "\"p\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"body\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Typography.wrn"
+    },
+    {
+      "name": "UnavailableRegionState",
+      "mount": "UnavailableRegionState",
+      "category": "feedback",
+      "purpose": "Reusable unavailable region state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"UnavailableRegion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnavailableRegionState.wrn"
+    },
+    {
+      "name": "UnifiedTimelinePreview",
+      "mount": "UnifiedTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable unified timeline preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnifiedTimelinePreview.wrn"
+    },
+    {
+      "name": "UnsavedChangesDialog",
+      "mount": "UnsavedChangesDialog",
+      "category": "overlays",
+      "purpose": "Reusable unsaved changes dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnsavedChangesDialog.wrn"
+    },
+    {
+      "name": "UploadItem",
+      "mount": "UploadItem",
+      "category": "content",
+      "purpose": "Reusable upload item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadItem.wrn"
+    },
+    {
+      "name": "UploadPreview",
+      "mount": "UploadPreview",
+      "category": "content",
+      "purpose": "Reusable upload preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadPreview.wrn"
+    },
+    {
+      "name": "UploadProgress",
+      "mount": "UploadProgress",
+      "category": "visualization",
+      "purpose": "Reusable upload progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadProgress.wrn"
+    },
+    {
+      "name": "UptimeChart",
+      "mount": "UptimeChart",
+      "category": "visualization",
+      "purpose": "Reusable uptime chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UptimeChart.wrn"
+    },
+    {
+      "name": "UptimeMetric",
+      "mount": "UptimeMetric",
+      "category": "visualization",
+      "purpose": "Reusable uptime metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UptimeMetric.wrn"
+    },
+    {
+      "name": "UrlInput",
+      "mount": "UrlInput",
+      "category": "forms",
+      "purpose": "Reusable url input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Url\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/UrlInput.wrn"
+    },
+    {
+      "name": "UsagePricingTable",
+      "mount": "UsagePricingTable",
+      "category": "data",
+      "purpose": "Reusable usage pricing table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UsagePricingTable.wrn"
+    },
+    {
+      "name": "UseCaseSelector",
+      "mount": "UseCaseSelector",
+      "category": "forms",
+      "purpose": "Reusable use case selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"UseCase\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UseCaseSelector.wrn"
+    },
+    {
+      "name": "UserCard",
+      "mount": "UserCard",
+      "category": "content",
+      "purpose": "Reusable user card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UserCard.wrn"
+    },
+    {
+      "name": "UsernameInput",
+      "mount": "UsernameInput",
+      "category": "forms",
+      "purpose": "Reusable username input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Username\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UsernameInput.wrn"
+    },
+    {
+      "name": "ValueCard",
+      "mount": "ValueCard",
+      "category": "content",
+      "purpose": "Reusable value card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ValueCard.wrn"
+    },
+    {
+      "name": "ValuesGrid",
+      "mount": "ValuesGrid",
+      "category": "data",
+      "purpose": "Reusable values grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ValuesGrid.wrn"
+    },
+    {
+      "name": "VerificationCodeInput",
+      "mount": "VerificationCodeInput",
+      "category": "forms",
+      "purpose": "Reusable verification code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"VerificationCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerificationCodeInput.wrn"
+    },
+    {
+      "name": "VerifiedBadge",
+      "mount": "VerifiedBadge",
+      "category": "feedback",
+      "purpose": "Reusable verified badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Verified\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerifiedBadge.wrn"
+    },
+    {
+      "name": "VersionSelector",
+      "mount": "VersionSelector",
+      "category": "forms",
+      "purpose": "Reusable version selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Version\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VersionSelector.wrn"
+    },
+    {
+      "name": "VerticalTabs",
+      "mount": "VerticalTabs",
+      "category": "content",
+      "purpose": "Reusable vertical tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerticalTabs.wrn"
+    },
+    {
+      "name": "VideoCard",
+      "mount": "VideoCard",
+      "category": "content",
+      "purpose": "Reusable video card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoCard.wrn"
+    },
+    {
+      "name": "VideoPreviewDialog",
+      "mount": "VideoPreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable video preview dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoPreviewDialog.wrn"
+    },
+    {
+      "name": "VideoUpload",
+      "mount": "VideoUpload",
+      "category": "content",
+      "purpose": "Reusable video upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoUpload.wrn"
+    },
+    {
+      "name": "VirtualizedTable",
+      "mount": "VirtualizedTable",
+      "category": "data",
+      "purpose": "Reusable virtualized table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VirtualizedTable.wrn"
+    },
+    {
+      "name": "VisionSection",
+      "mount": "VisionSection",
+      "category": "layout",
+      "purpose": "Reusable vision section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VisionSection.wrn"
+    },
+    {
+      "name": "VisuallyHidden",
+      "mount": "VisuallyHidden",
+      "category": "core",
+      "purpose": "Reusable visually hidden component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VisuallyHidden.wrn"
+    },
+    {
+      "name": "VoiceScriptComposer",
+      "mount": "VoiceScriptComposer",
+      "category": "content",
+      "purpose": "Reusable voice script composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VoiceScriptComposer.wrn"
+    },
+    {
+      "name": "VoiceScriptEditor",
+      "mount": "VoiceScriptEditor",
+      "category": "forms",
+      "purpose": "Reusable voice script editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"VoiceScript\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VoiceScriptEditor.wrn"
+    },
+    {
+      "name": "VolumeInput",
+      "mount": "VolumeInput",
+      "category": "forms",
+      "purpose": "Reusable volume input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Volume\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VolumeInput.wrn"
+    },
+    {
+      "name": "VolumeSlider",
+      "mount": "VolumeSlider",
+      "category": "content",
+      "purpose": "Reusable volume slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VolumeSlider.wrn"
+    },
+    {
+      "name": "WarningCard",
+      "mount": "WarningCard",
+      "category": "content",
+      "purpose": "Reusable warning card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WarningCard.wrn"
+    },
+    {
+      "name": "WebhookEventCard",
+      "mount": "WebhookEventCard",
+      "category": "content",
+      "purpose": "Reusable webhook event card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookEventCard.wrn"
+    },
+    {
+      "name": "WebhookFlowDiagram",
+      "mount": "WebhookFlowDiagram",
+      "category": "visualization",
+      "purpose": "Reusable webhook flow diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookFlowDiagram.wrn"
+    },
+    {
+      "name": "WebhookPayloadViewer",
+      "mount": "WebhookPayloadViewer",
+      "category": "content",
+      "purpose": "Reusable webhook payload viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookPayloadViewer.wrn"
+    },
+    {
+      "name": "WebhookUrlInput",
+      "mount": "WebhookUrlInput",
+      "category": "forms",
+      "purpose": "Reusable webhook url input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WebhookUrl\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookUrlInput.wrn"
+    },
+    {
+      "name": "WebinarCard",
+      "mount": "WebinarCard",
+      "category": "content",
+      "purpose": "Reusable webinar card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebinarCard.wrn"
+    },
+    {
+      "name": "WebinarRegistrationForm",
+      "mount": "WebinarRegistrationForm",
+      "category": "content",
+      "purpose": "Reusable webinar registration form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebinarRegistrationForm.wrn"
+    },
+    {
+      "name": "Well",
+      "mount": "Well",
+      "category": "core",
+      "purpose": "Reusable well component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Well.wrn"
+    },
+    {
+      "name": "WhatsAppComposer",
+      "mount": "WhatsAppComposer",
+      "category": "content",
+      "purpose": "Reusable whats app composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppComposer.wrn"
+    },
+    {
+      "name": "WhatsAppNumberInput",
+      "mount": "WhatsAppNumberInput",
+      "category": "forms",
+      "purpose": "Reusable whats app number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WhatsAppNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppNumberInput.wrn"
+    },
+    {
+      "name": "WhatsAppTemplateEditor",
+      "mount": "WhatsAppTemplateEditor",
+      "category": "forms",
+      "purpose": "Reusable whats app template editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WhatsAppTemplate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppTemplateEditor.wrn"
+    },
+    {
+      "name": "WideContainer",
+      "mount": "WideContainer",
+      "category": "core",
+      "purpose": "Reusable wide container component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WideContainer.wrn"
+    },
+    {
+      "name": "Wizard",
+      "mount": "Wizard",
+      "category": "content",
+      "purpose": "Reusable wizard component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Wizard.wrn"
+    },
+    {
+      "name": "WizardHeader",
+      "mount": "WizardHeader",
+      "category": "layout",
+      "purpose": "Reusable wizard header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WizardHeader.wrn"
+    },
+    {
+      "name": "WizardNavigation",
+      "mount": "WizardNavigation",
+      "category": "layout",
+      "purpose": "Reusable wizard navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WizardNavigation.wrn"
+    },
+    {
+      "name": "WorkflowCanvasPreview",
+      "mount": "WorkflowCanvasPreview",
+      "category": "content",
+      "purpose": "Reusable workflow canvas preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkflowCanvasPreview.wrn"
+    },
+    {
+      "name": "WorkflowProgress",
+      "mount": "WorkflowProgress",
+      "category": "visualization",
+      "purpose": "Reusable workflow progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkflowProgress.wrn"
+    },
+    {
+      "name": "WorkspaceCard",
+      "mount": "WorkspaceCard",
+      "category": "content",
+      "purpose": "Reusable workspace card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceCard.wrn"
+    },
+    {
+      "name": "WorkspaceSelector",
+      "mount": "WorkspaceSelector",
+      "category": "forms",
+      "purpose": "Reusable workspace selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Workspace\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceSelector.wrn"
+    },
+    {
+      "name": "WorkspaceSwitcher",
+      "mount": "WorkspaceSwitcher",
+      "category": "content",
+      "purpose": "Reusable workspace switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceSwitcher.wrn"
+    },
+    {
+      "name": "YearPicker",
+      "mount": "YearPicker",
+      "category": "forms",
+      "purpose": "Reusable year picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Year\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/YearPicker.wrn"
+    },
+    {
+      "name": "ZoomSlider",
+      "mount": "ZoomSlider",
+      "category": "content",
+      "purpose": "Reusable zoom slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ZoomSlider.wrn"
+    }
+  ]
+}
diff --git a/.publish/ui/components/AcceptAllCookiesButton.wrn b/.publish/ui/components/AcceptAllCookiesButton.wrn
new file mode 100644
index 00000000..43db17ca
--- /dev/null
+++ b/.publish/ui/components/AcceptAllCookiesButton.wrn
@@ -0,0 +1,11 @@
+component AcceptAllCookiesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/AccessibleAccordion.wrn b/.publish/ui/components/AccessibleAccordion.wrn
new file mode 100644
index 00000000..fea11ae2
--- /dev/null
+++ b/.publish/ui/components/AccessibleAccordion.wrn
@@ -0,0 +1,13 @@
+component AccessibleAccordion {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleCarousel.wrn b/.publish/ui/components/AccessibleCarousel.wrn
new file mode 100644
index 00000000..e4a30d46
--- /dev/null
+++ b/.publish/ui/components/AccessibleCarousel.wrn
@@ -0,0 +1,13 @@
+component AccessibleCarousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleChartSummary.wrn b/.publish/ui/components/AccessibleChartSummary.wrn
new file mode 100644
index 00000000..ad7d2af5
--- /dev/null
+++ b/.publish/ui/components/AccessibleChartSummary.wrn
@@ -0,0 +1,13 @@
+component AccessibleChartSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleDialog.wrn b/.publish/ui/components/AccessibleDialog.wrn
new file mode 100644
index 00000000..e7b931d6
--- /dev/null
+++ b/.publish/ui/components/AccessibleDialog.wrn
@@ -0,0 +1,10 @@
+component AccessibleDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/AccessibleErrorSummary.wrn b/.publish/ui/components/AccessibleErrorSummary.wrn
new file mode 100644
index 00000000..d2bd4381
--- /dev/null
+++ b/.publish/ui/components/AccessibleErrorSummary.wrn
@@ -0,0 +1,13 @@
+component AccessibleErrorSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleIcon.wrn b/.publish/ui/components/AccessibleIcon.wrn
new file mode 100644
index 00000000..323c774f
--- /dev/null
+++ b/.publish/ui/components/AccessibleIcon.wrn
@@ -0,0 +1,13 @@
+component AccessibleIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleMenu.wrn b/.publish/ui/components/AccessibleMenu.wrn
new file mode 100644
index 00000000..27b75e1f
--- /dev/null
+++ b/.publish/ui/components/AccessibleMenu.wrn
@@ -0,0 +1,10 @@
+component AccessibleMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/AccessibleTabs.wrn b/.publish/ui/components/AccessibleTabs.wrn
new file mode 100644
index 00000000..bfba41fa
--- /dev/null
+++ b/.publish/ui/components/AccessibleTabs.wrn
@@ -0,0 +1,13 @@
+component AccessibleTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccessibleTooltip.wrn b/.publish/ui/components/AccessibleTooltip.wrn
new file mode 100644
index 00000000..dd62776d
--- /dev/null
+++ b/.publish/ui/components/AccessibleTooltip.wrn
@@ -0,0 +1,13 @@
+component AccessibleTooltip {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AccountMenu.wrn b/.publish/ui/components/AccountMenu.wrn
new file mode 100644
index 00000000..4cfc36af
--- /dev/null
+++ b/.publish/ui/components/AccountMenu.wrn
@@ -0,0 +1,10 @@
+component AccountMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/AccountStatusBanner.wrn b/.publish/ui/components/AccountStatusBanner.wrn
new file mode 100644
index 00000000..f14b03d9
--- /dev/null
+++ b/.publish/ui/components/AccountStatusBanner.wrn
@@ -0,0 +1,11 @@
+component AccountStatusBanner {
+  props {
+    label = "AccountStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ActionMenu.wrn b/.publish/ui/components/ActionMenu.wrn
new file mode 100644
index 00000000..90e5db6a
--- /dev/null
+++ b/.publish/ui/components/ActionMenu.wrn
@@ -0,0 +1,10 @@
+component ActionMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ActiveFilterList.wrn b/.publish/ui/components/ActiveFilterList.wrn
new file mode 100644
index 00000000..a8f168c7
--- /dev/null
+++ b/.publish/ui/components/ActiveFilterList.wrn
@@ -0,0 +1,10 @@
+component ActiveFilterList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ActivityList.wrn b/.publish/ui/components/ActivityList.wrn
new file mode 100644
index 00000000..79c28be0
--- /dev/null
+++ b/.publish/ui/components/ActivityList.wrn
@@ -0,0 +1,10 @@
+component ActivityList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/AddOnCard.wrn b/.publish/ui/components/AddOnCard.wrn
new file mode 100644
index 00000000..198bc9e8
--- /dev/null
+++ b/.publish/ui/components/AddOnCard.wrn
@@ -0,0 +1,13 @@
+component AddOnCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AddressInput.wrn b/.publish/ui/components/AddressInput.wrn
new file mode 100644
index 00000000..6af0c679
--- /dev/null
+++ b/.publish/ui/components/AddressInput.wrn
@@ -0,0 +1,16 @@
+component AddressInput {
+  props {
+    label = "Address" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/AddressPreview.wrn b/.publish/ui/components/AddressPreview.wrn
new file mode 100644
index 00000000..d543124f
--- /dev/null
+++ b/.publish/ui/components/AddressPreview.wrn
@@ -0,0 +1,13 @@
+component AddressPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AdvancedFilterBuilder.wrn b/.publish/ui/components/AdvancedFilterBuilder.wrn
new file mode 100644
index 00000000..124a67d5
--- /dev/null
+++ b/.publish/ui/components/AdvancedFilterBuilder.wrn
@@ -0,0 +1,13 @@
+component AdvancedFilterBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AlertDialog.wrn b/.publish/ui/components/AlertDialog.wrn
new file mode 100644
index 00000000..83140e77
--- /dev/null
+++ b/.publish/ui/components/AlertDialog.wrn
@@ -0,0 +1,10 @@
+component AlertDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/AmountInput.wrn b/.publish/ui/components/AmountInput.wrn
new file mode 100644
index 00000000..374d1754
--- /dev/null
+++ b/.publish/ui/components/AmountInput.wrn
@@ -0,0 +1,16 @@
+component AmountInput {
+  props {
+    label = "Amount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/AnalyticsDashboardPreview.wrn b/.publish/ui/components/AnalyticsDashboardPreview.wrn
new file mode 100644
index 00000000..69fa7f67
--- /dev/null
+++ b/.publish/ui/components/AnalyticsDashboardPreview.wrn
@@ -0,0 +1,13 @@
+component AnalyticsDashboardPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AnchorNavigation.wrn b/.publish/ui/components/AnchorNavigation.wrn
new file mode 100644
index 00000000..4fb237c4
--- /dev/null
+++ b/.publish/ui/components/AnchorNavigation.wrn
@@ -0,0 +1,10 @@
+component AnchorNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ApartmentInput.wrn b/.publish/ui/components/ApartmentInput.wrn
new file mode 100644
index 00000000..86a05abd
--- /dev/null
+++ b/.publish/ui/components/ApartmentInput.wrn
@@ -0,0 +1,16 @@
+component ApartmentInput {
+  props {
+    label = "Apartment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ApiAuthenticationNotice.wrn b/.publish/ui/components/ApiAuthenticationNotice.wrn
new file mode 100644
index 00000000..5e1b73a7
--- /dev/null
+++ b/.publish/ui/components/ApiAuthenticationNotice.wrn
@@ -0,0 +1,11 @@
+component ApiAuthenticationNotice {
+  props {
+    label = "ApiAuthentication" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ApiErrorExample.wrn b/.publish/ui/components/ApiErrorExample.wrn
new file mode 100644
index 00000000..ca682e44
--- /dev/null
+++ b/.publish/ui/components/ApiErrorExample.wrn
@@ -0,0 +1,13 @@
+component ApiErrorExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ApiHeaderTable.wrn b/.publish/ui/components/ApiHeaderTable.wrn
new file mode 100644
index 00000000..8f9f79b4
--- /dev/null
+++ b/.publish/ui/components/ApiHeaderTable.wrn
@@ -0,0 +1,10 @@
+component ApiHeaderTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ApiKeyCreateDialog.wrn b/.publish/ui/components/ApiKeyCreateDialog.wrn
new file mode 100644
index 00000000..ba616096
--- /dev/null
+++ b/.publish/ui/components/ApiKeyCreateDialog.wrn
@@ -0,0 +1,10 @@
+component ApiKeyCreateDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ApiKeyDisplay.wrn b/.publish/ui/components/ApiKeyDisplay.wrn
new file mode 100644
index 00000000..3b561ce6
--- /dev/null
+++ b/.publish/ui/components/ApiKeyDisplay.wrn
@@ -0,0 +1,13 @@
+component ApiKeyDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ApiKeyInput.wrn b/.publish/ui/components/ApiKeyInput.wrn
new file mode 100644
index 00000000..98cbb1d0
--- /dev/null
+++ b/.publish/ui/components/ApiKeyInput.wrn
@@ -0,0 +1,16 @@
+component ApiKeyInput {
+  props {
+    label = "ApiKey" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ApiMethodBadge.wrn b/.publish/ui/components/ApiMethodBadge.wrn
new file mode 100644
index 00000000..43ba1a9d
--- /dev/null
+++ b/.publish/ui/components/ApiMethodBadge.wrn
@@ -0,0 +1,11 @@
+component ApiMethodBadge {
+  props {
+    label = "ApiMethod" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ApiParameterTable.wrn b/.publish/ui/components/ApiParameterTable.wrn
new file mode 100644
index 00000000..768d7a08
--- /dev/null
+++ b/.publish/ui/components/ApiParameterTable.wrn
@@ -0,0 +1,10 @@
+component ApiParameterTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ApiRateLimitNotice.wrn b/.publish/ui/components/ApiRateLimitNotice.wrn
new file mode 100644
index 00000000..f098aa1f
--- /dev/null
+++ b/.publish/ui/components/ApiRateLimitNotice.wrn
@@ -0,0 +1,11 @@
+component ApiRateLimitNotice {
+  props {
+    label = "ApiRateLimit" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ApiRequestExample.wrn b/.publish/ui/components/ApiRequestExample.wrn
new file mode 100644
index 00000000..16e60b4e
--- /dev/null
+++ b/.publish/ui/components/ApiRequestExample.wrn
@@ -0,0 +1,13 @@
+component ApiRequestExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ApiResponseExample.wrn b/.publish/ui/components/ApiResponseExample.wrn
new file mode 100644
index 00000000..795bcf56
--- /dev/null
+++ b/.publish/ui/components/ApiResponseExample.wrn
@@ -0,0 +1,13 @@
+component ApiResponseExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ApiSchemaTable.wrn b/.publish/ui/components/ApiSchemaTable.wrn
new file mode 100644
index 00000000..bbe81c51
--- /dev/null
+++ b/.publish/ui/components/ApiSchemaTable.wrn
@@ -0,0 +1,10 @@
+component ApiSchemaTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ApiSchemaViewer.wrn b/.publish/ui/components/ApiSchemaViewer.wrn
new file mode 100644
index 00000000..164dd0b5
--- /dev/null
+++ b/.publish/ui/components/ApiSchemaViewer.wrn
@@ -0,0 +1,13 @@
+component ApiSchemaViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ApiVersionBadge.wrn b/.publish/ui/components/ApiVersionBadge.wrn
new file mode 100644
index 00000000..accd7965
--- /dev/null
+++ b/.publish/ui/components/ApiVersionBadge.wrn
@@ -0,0 +1,11 @@
+component ApiVersionBadge {
+  props {
+    label = "ApiVersion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/AppHeader.wrn b/.publish/ui/components/AppHeader.wrn
new file mode 100644
index 00000000..6e2283cf
--- /dev/null
+++ b/.publish/ui/components/AppHeader.wrn
@@ -0,0 +1,10 @@
+component AppHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ArchitectureSection.wrn b/.publish/ui/components/ArchitectureSection.wrn
new file mode 100644
index 00000000..f477e6d3
--- /dev/null
+++ b/.publish/ui/components/ArchitectureSection.wrn
@@ -0,0 +1,10 @@
+component ArchitectureSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/AreaChart.wrn b/.publish/ui/components/AreaChart.wrn
new file mode 100644
index 00000000..bb4b8216
--- /dev/null
+++ b/.publish/ui/components/AreaChart.wrn
@@ -0,0 +1,11 @@
+component AreaChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ArticleHero.wrn b/.publish/ui/components/ArticleHero.wrn
new file mode 100644
index 00000000..b3a11900
--- /dev/null
+++ b/.publish/ui/components/ArticleHero.wrn
@@ -0,0 +1,10 @@
+component ArticleHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ArticleLayout.wrn b/.publish/ui/components/ArticleLayout.wrn
new file mode 100644
index 00000000..42904a2d
--- /dev/null
+++ b/.publish/ui/components/ArticleLayout.wrn
@@ -0,0 +1,10 @@
+component ArticleLayout {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ArticleNewsletterCTA.wrn b/.publish/ui/components/ArticleNewsletterCTA.wrn
new file mode 100644
index 00000000..9abe4482
--- /dev/null
+++ b/.publish/ui/components/ArticleNewsletterCTA.wrn
@@ -0,0 +1,11 @@
+component ArticleNewsletterCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ArticlePageShell.wrn b/.publish/ui/components/ArticlePageShell.wrn
new file mode 100644
index 00000000..5d2b6ece
--- /dev/null
+++ b/.publish/ui/components/ArticlePageShell.wrn
@@ -0,0 +1,10 @@
+component ArticlePageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ArticleShareActions.wrn b/.publish/ui/components/ArticleShareActions.wrn
new file mode 100644
index 00000000..ca2165d8
--- /dev/null
+++ b/.publish/ui/components/ArticleShareActions.wrn
@@ -0,0 +1,11 @@
+component ArticleShareActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/AttachmentPicker.wrn b/.publish/ui/components/AttachmentPicker.wrn
new file mode 100644
index 00000000..549af51a
--- /dev/null
+++ b/.publish/ui/components/AttachmentPicker.wrn
@@ -0,0 +1,16 @@
+component AttachmentPicker {
+  props {
+    label = "Attachment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/AttachmentUpload.wrn b/.publish/ui/components/AttachmentUpload.wrn
new file mode 100644
index 00000000..567bc298
--- /dev/null
+++ b/.publish/ui/components/AttachmentUpload.wrn
@@ -0,0 +1,13 @@
+component AttachmentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AudioUpload.wrn b/.publish/ui/components/AudioUpload.wrn
new file mode 100644
index 00000000..626adf09
--- /dev/null
+++ b/.publish/ui/components/AudioUpload.wrn
@@ -0,0 +1,13 @@
+component AudioUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AuditLogPreview.wrn b/.publish/ui/components/AuditLogPreview.wrn
new file mode 100644
index 00000000..7544ccc8
--- /dev/null
+++ b/.publish/ui/components/AuditLogPreview.wrn
@@ -0,0 +1,13 @@
+component AuditLogPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AuditTable.wrn b/.publish/ui/components/AuditTable.wrn
new file mode 100644
index 00000000..0c09bcd6
--- /dev/null
+++ b/.publish/ui/components/AuditTable.wrn
@@ -0,0 +1,10 @@
+component AuditTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/AuthenticatorCodeInput.wrn b/.publish/ui/components/AuthenticatorCodeInput.wrn
new file mode 100644
index 00000000..f372c730
--- /dev/null
+++ b/.publish/ui/components/AuthenticatorCodeInput.wrn
@@ -0,0 +1,16 @@
+component AuthenticatorCodeInput {
+  props {
+    label = "AuthenticatorCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/AuthorAvatar.wrn b/.publish/ui/components/AuthorAvatar.wrn
new file mode 100644
index 00000000..754d71c6
--- /dev/null
+++ b/.publish/ui/components/AuthorAvatar.wrn
@@ -0,0 +1,13 @@
+component AuthorAvatar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AuthorCard.wrn b/.publish/ui/components/AuthorCard.wrn
new file mode 100644
index 00000000..906db84c
--- /dev/null
+++ b/.publish/ui/components/AuthorCard.wrn
@@ -0,0 +1,13 @@
+component AuthorCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AuthorizedApplicationCard.wrn b/.publish/ui/components/AuthorizedApplicationCard.wrn
new file mode 100644
index 00000000..adf64d7f
--- /dev/null
+++ b/.publish/ui/components/AuthorizedApplicationCard.wrn
@@ -0,0 +1,13 @@
+component AuthorizedApplicationCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AutomationExampleCard.wrn b/.publish/ui/components/AutomationExampleCard.wrn
new file mode 100644
index 00000000..1b230710
--- /dev/null
+++ b/.publish/ui/components/AutomationExampleCard.wrn
@@ -0,0 +1,13 @@
+component AutomationExampleCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AvailabilityCalendar.wrn b/.publish/ui/components/AvailabilityCalendar.wrn
new file mode 100644
index 00000000..a62cc9fd
--- /dev/null
+++ b/.publish/ui/components/AvailabilityCalendar.wrn
@@ -0,0 +1,13 @@
+component AvailabilityCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/AvatarGroup.wrn b/.publish/ui/components/AvatarGroup.wrn
new file mode 100644
index 00000000..0cb3e98a
--- /dev/null
+++ b/.publish/ui/components/AvatarGroup.wrn
@@ -0,0 +1,16 @@
+component AvatarGroup {
+  props {
+    label = "Avatar" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/AvatarUpload.wrn b/.publish/ui/components/AvatarUpload.wrn
new file mode 100644
index 00000000..f84c8728
--- /dev/null
+++ b/.publish/ui/components/AvatarUpload.wrn
@@ -0,0 +1,13 @@
+component AvatarUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BankTransferDetails.wrn b/.publish/ui/components/BankTransferDetails.wrn
new file mode 100644
index 00000000..17550cef
--- /dev/null
+++ b/.publish/ui/components/BankTransferDetails.wrn
@@ -0,0 +1,13 @@
+component BankTransferDetails {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BarChart.wrn b/.publish/ui/components/BarChart.wrn
new file mode 100644
index 00000000..3e8d9041
--- /dev/null
+++ b/.publish/ui/components/BarChart.wrn
@@ -0,0 +1,11 @@
+component BarChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/BillingAddressForm.wrn b/.publish/ui/components/BillingAddressForm.wrn
new file mode 100644
index 00000000..2d5ac459
--- /dev/null
+++ b/.publish/ui/components/BillingAddressForm.wrn
@@ -0,0 +1,13 @@
+component BillingAddressForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BillingExample.wrn b/.publish/ui/components/BillingExample.wrn
new file mode 100644
index 00000000..c91d27e4
--- /dev/null
+++ b/.publish/ui/components/BillingExample.wrn
@@ -0,0 +1,13 @@
+component BillingExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BillingPeriodToggle.wrn b/.publish/ui/components/BillingPeriodToggle.wrn
new file mode 100644
index 00000000..a4469365
--- /dev/null
+++ b/.publish/ui/components/BillingPeriodToggle.wrn
@@ -0,0 +1,16 @@
+component BillingPeriodToggle {
+  props {
+    label = "BillingPeriod" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BlackoutDatePicker.wrn b/.publish/ui/components/BlackoutDatePicker.wrn
new file mode 100644
index 00000000..6096d9fc
--- /dev/null
+++ b/.publish/ui/components/BlackoutDatePicker.wrn
@@ -0,0 +1,16 @@
+component BlackoutDatePicker {
+  props {
+    label = "BlackoutDate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BlogCard.wrn b/.publish/ui/components/BlogCard.wrn
new file mode 100644
index 00000000..ec4374c5
--- /dev/null
+++ b/.publish/ui/components/BlogCard.wrn
@@ -0,0 +1,13 @@
+component BlogCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BlogGrid.wrn b/.publish/ui/components/BlogGrid.wrn
new file mode 100644
index 00000000..0599f37e
--- /dev/null
+++ b/.publish/ui/components/BlogGrid.wrn
@@ -0,0 +1,10 @@
+component BlogGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/BlogList.wrn b/.publish/ui/components/BlogList.wrn
new file mode 100644
index 00000000..e40af45b
--- /dev/null
+++ b/.publish/ui/components/BlogList.wrn
@@ -0,0 +1,10 @@
+component BlogList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/BlogSearch.wrn b/.publish/ui/components/BlogSearch.wrn
new file mode 100644
index 00000000..69914cd7
--- /dev/null
+++ b/.publish/ui/components/BlogSearch.wrn
@@ -0,0 +1,13 @@
+component BlogSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BorderRadiusPicker.wrn b/.publish/ui/components/BorderRadiusPicker.wrn
new file mode 100644
index 00000000..bef4b4bf
--- /dev/null
+++ b/.publish/ui/components/BorderRadiusPicker.wrn
@@ -0,0 +1,16 @@
+component BorderRadiusPicker {
+  props {
+    label = "BorderRadius" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BottomNavigation.wrn b/.publish/ui/components/BottomNavigation.wrn
new file mode 100644
index 00000000..f273c20a
--- /dev/null
+++ b/.publish/ui/components/BottomNavigation.wrn
@@ -0,0 +1,10 @@
+component BottomNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/BrandColorPicker.wrn b/.publish/ui/components/BrandColorPicker.wrn
new file mode 100644
index 00000000..3ebd75e7
--- /dev/null
+++ b/.publish/ui/components/BrandColorPicker.wrn
@@ -0,0 +1,16 @@
+component BrandColorPicker {
+  props {
+    label = "BrandColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BrandSelector.wrn b/.publish/ui/components/BrandSelector.wrn
new file mode 100644
index 00000000..ecbc5b0a
--- /dev/null
+++ b/.publish/ui/components/BrandSelector.wrn
@@ -0,0 +1,16 @@
+component BrandSelector {
+  props {
+    label = "Brand" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BrowserFrame.wrn b/.publish/ui/components/BrowserFrame.wrn
new file mode 100644
index 00000000..1021c018
--- /dev/null
+++ b/.publish/ui/components/BrowserFrame.wrn
@@ -0,0 +1,10 @@
+component BrowserFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/BudgetRangeSlider.wrn b/.publish/ui/components/BudgetRangeSlider.wrn
new file mode 100644
index 00000000..6e7837eb
--- /dev/null
+++ b/.publish/ui/components/BudgetRangeSlider.wrn
@@ -0,0 +1,13 @@
+component BudgetRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/BudgetSelector.wrn b/.publish/ui/components/BudgetSelector.wrn
new file mode 100644
index 00000000..9c92720b
--- /dev/null
+++ b/.publish/ui/components/BudgetSelector.wrn
@@ -0,0 +1,16 @@
+component BudgetSelector {
+  props {
+    label = "Budget" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/BusinessHoursPicker.wrn b/.publish/ui/components/BusinessHoursPicker.wrn
new file mode 100644
index 00000000..3fcb9dd7
--- /dev/null
+++ b/.publish/ui/components/BusinessHoursPicker.wrn
@@ -0,0 +1,16 @@
+component BusinessHoursPicker {
+  props {
+    label = "BusinessHours" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ButtonGroup.wrn b/.publish/ui/components/ButtonGroup.wrn
new file mode 100644
index 00000000..8fa14cb2
--- /dev/null
+++ b/.publish/ui/components/ButtonGroup.wrn
@@ -0,0 +1,16 @@
+component ButtonGroup {
+  props {
+    label = "Button" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ButtonSelector.wrn b/.publish/ui/components/ButtonSelector.wrn
new file mode 100644
index 00000000..153ec7bf
--- /dev/null
+++ b/.publish/ui/components/ButtonSelector.wrn
@@ -0,0 +1,16 @@
+component ButtonSelector {
+  props {
+    label = "Button" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Calendar.wrn b/.publish/ui/components/Calendar.wrn
new file mode 100644
index 00000000..f3001ec9
--- /dev/null
+++ b/.publish/ui/components/Calendar.wrn
@@ -0,0 +1,13 @@
+component Calendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CalendarGrid.wrn b/.publish/ui/components/CalendarGrid.wrn
new file mode 100644
index 00000000..8bf8be4f
--- /dev/null
+++ b/.publish/ui/components/CalendarGrid.wrn
@@ -0,0 +1,10 @@
+component CalendarGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CalendarHeader.wrn b/.publish/ui/components/CalendarHeader.wrn
new file mode 100644
index 00000000..b0584a10
--- /dev/null
+++ b/.publish/ui/components/CalendarHeader.wrn
@@ -0,0 +1,10 @@
+component CalendarHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CalendarNavigation.wrn b/.publish/ui/components/CalendarNavigation.wrn
new file mode 100644
index 00000000..6df42a40
--- /dev/null
+++ b/.publish/ui/components/CalendarNavigation.wrn
@@ -0,0 +1,10 @@
+component CalendarNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CallbackUrlInput.wrn b/.publish/ui/components/CallbackUrlInput.wrn
new file mode 100644
index 00000000..6ded0fd3
--- /dev/null
+++ b/.publish/ui/components/CallbackUrlInput.wrn
@@ -0,0 +1,16 @@
+component CallbackUrlInput {
+  props {
+    label = "CallbackUrl" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CampaignPerformancePreview.wrn b/.publish/ui/components/CampaignPerformancePreview.wrn
new file mode 100644
index 00000000..369a75b7
--- /dev/null
+++ b/.publish/ui/components/CampaignPerformancePreview.wrn
@@ -0,0 +1,13 @@
+component CampaignPerformancePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CampaignProgress.wrn b/.publish/ui/components/CampaignProgress.wrn
new file mode 100644
index 00000000..43dc0e85
--- /dev/null
+++ b/.publish/ui/components/CampaignProgress.wrn
@@ -0,0 +1,11 @@
+component CampaignProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/CapabilityGrid.wrn b/.publish/ui/components/CapabilityGrid.wrn
new file mode 100644
index 00000000..91276355
--- /dev/null
+++ b/.publish/ui/components/CapabilityGrid.wrn
@@ -0,0 +1,10 @@
+component CapabilityGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CaptchaField.wrn b/.publish/ui/components/CaptchaField.wrn
new file mode 100644
index 00000000..f184ae30
--- /dev/null
+++ b/.publish/ui/components/CaptchaField.wrn
@@ -0,0 +1,16 @@
+component CaptchaField {
+  props {
+    label = "Captcha" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CardPaymentForm.wrn b/.publish/ui/components/CardPaymentForm.wrn
new file mode 100644
index 00000000..004bcbc5
--- /dev/null
+++ b/.publish/ui/components/CardPaymentForm.wrn
@@ -0,0 +1,13 @@
+component CardPaymentForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CardSelector.wrn b/.publish/ui/components/CardSelector.wrn
new file mode 100644
index 00000000..06589d62
--- /dev/null
+++ b/.publish/ui/components/CardSelector.wrn
@@ -0,0 +1,16 @@
+component CardSelector {
+  props {
+    label = "Card" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CardSkeleton.wrn b/.publish/ui/components/CardSkeleton.wrn
new file mode 100644
index 00000000..0b82f3e8
--- /dev/null
+++ b/.publish/ui/components/CardSkeleton.wrn
@@ -0,0 +1,11 @@
+component CardSkeleton {
+  props {
+    label = "Card" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/CareerApplicationForm.wrn b/.publish/ui/components/CareerApplicationForm.wrn
new file mode 100644
index 00000000..a6db3e12
--- /dev/null
+++ b/.publish/ui/components/CareerApplicationForm.wrn
@@ -0,0 +1,13 @@
+component CareerApplicationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CareerBenefitsGrid.wrn b/.publish/ui/components/CareerBenefitsGrid.wrn
new file mode 100644
index 00000000..fa61d70f
--- /dev/null
+++ b/.publish/ui/components/CareerBenefitsGrid.wrn
@@ -0,0 +1,10 @@
+component CareerBenefitsGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/Carousel.wrn b/.publish/ui/components/Carousel.wrn
new file mode 100644
index 00000000..63eb0cdb
--- /dev/null
+++ b/.publish/ui/components/Carousel.wrn
@@ -0,0 +1,13 @@
+component Carousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CaseStudyCard.wrn b/.publish/ui/components/CaseStudyCard.wrn
new file mode 100644
index 00000000..9a5fafb4
--- /dev/null
+++ b/.publish/ui/components/CaseStudyCard.wrn
@@ -0,0 +1,13 @@
+component CaseStudyCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CaseStudyHero.wrn b/.publish/ui/components/CaseStudyHero.wrn
new file mode 100644
index 00000000..6adb849b
--- /dev/null
+++ b/.publish/ui/components/CaseStudyHero.wrn
@@ -0,0 +1,10 @@
+component CaseStudyHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CaseStudyPreview.wrn b/.publish/ui/components/CaseStudyPreview.wrn
new file mode 100644
index 00000000..ffbfc434
--- /dev/null
+++ b/.publish/ui/components/CaseStudyPreview.wrn
@@ -0,0 +1,13 @@
+component CaseStudyPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CenteredCTA.wrn b/.publish/ui/components/CenteredCTA.wrn
new file mode 100644
index 00000000..a663ab67
--- /dev/null
+++ b/.publish/ui/components/CenteredCTA.wrn
@@ -0,0 +1,11 @@
+component CenteredCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/CenteredHero.wrn b/.publish/ui/components/CenteredHero.wrn
new file mode 100644
index 00000000..49e37173
--- /dev/null
+++ b/.publish/ui/components/CenteredHero.wrn
@@ -0,0 +1,10 @@
+component CenteredHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CenteredSectionHeader.wrn b/.publish/ui/components/CenteredSectionHeader.wrn
new file mode 100644
index 00000000..0a3fd90b
--- /dev/null
+++ b/.publish/ui/components/CenteredSectionHeader.wrn
@@ -0,0 +1,10 @@
+component CenteredSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CertificateUpload.wrn b/.publish/ui/components/CertificateUpload.wrn
new file mode 100644
index 00000000..3b796ebc
--- /dev/null
+++ b/.publish/ui/components/CertificateUpload.wrn
@@ -0,0 +1,13 @@
+component CertificateUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CertificationBadge.wrn b/.publish/ui/components/CertificationBadge.wrn
new file mode 100644
index 00000000..3489bd66
--- /dev/null
+++ b/.publish/ui/components/CertificationBadge.wrn
@@ -0,0 +1,11 @@
+component CertificationBadge {
+  props {
+    label = "Certification" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ChallengeSection.wrn b/.publish/ui/components/ChallengeSection.wrn
new file mode 100644
index 00000000..a72934de
--- /dev/null
+++ b/.publish/ui/components/ChallengeSection.wrn
@@ -0,0 +1,10 @@
+component ChallengeSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ChannelBadge.wrn b/.publish/ui/components/ChannelBadge.wrn
new file mode 100644
index 00000000..87261f3e
--- /dev/null
+++ b/.publish/ui/components/ChannelBadge.wrn
@@ -0,0 +1,11 @@
+component ChannelBadge {
+  props {
+    label = "Channel" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ChannelComparisonChart.wrn b/.publish/ui/components/ChannelComparisonChart.wrn
new file mode 100644
index 00000000..922c168a
--- /dev/null
+++ b/.publish/ui/components/ChannelComparisonChart.wrn
@@ -0,0 +1,11 @@
+component ChannelComparisonChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ChannelComparisonTable.wrn b/.publish/ui/components/ChannelComparisonTable.wrn
new file mode 100644
index 00000000..ca1066f1
--- /dev/null
+++ b/.publish/ui/components/ChannelComparisonTable.wrn
@@ -0,0 +1,10 @@
+component ChannelComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ChannelFallbackDiagram.wrn b/.publish/ui/components/ChannelFallbackDiagram.wrn
new file mode 100644
index 00000000..22f85b46
--- /dev/null
+++ b/.publish/ui/components/ChannelFallbackDiagram.wrn
@@ -0,0 +1,11 @@
+component ChannelFallbackDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ChannelFlow.wrn b/.publish/ui/components/ChannelFlow.wrn
new file mode 100644
index 00000000..78f176d0
--- /dev/null
+++ b/.publish/ui/components/ChannelFlow.wrn
@@ -0,0 +1,11 @@
+component ChannelFlow {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ChannelIcon.wrn b/.publish/ui/components/ChannelIcon.wrn
new file mode 100644
index 00000000..56b327b2
--- /dev/null
+++ b/.publish/ui/components/ChannelIcon.wrn
@@ -0,0 +1,13 @@
+component ChannelIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ChannelRateTable.wrn b/.publish/ui/components/ChannelRateTable.wrn
new file mode 100644
index 00000000..652cc1a9
--- /dev/null
+++ b/.publish/ui/components/ChannelRateTable.wrn
@@ -0,0 +1,10 @@
+component ChannelRateTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ChannelSelector.wrn b/.publish/ui/components/ChannelSelector.wrn
new file mode 100644
index 00000000..714f025f
--- /dev/null
+++ b/.publish/ui/components/ChannelSelector.wrn
@@ -0,0 +1,16 @@
+component ChannelSelector {
+  props {
+    label = "Channel" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CharacterCounter.wrn b/.publish/ui/components/CharacterCounter.wrn
new file mode 100644
index 00000000..40715d14
--- /dev/null
+++ b/.publish/ui/components/CharacterCounter.wrn
@@ -0,0 +1,11 @@
+component CharacterCounter {
+  props {
+    label = "Character" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ChartEmptyState.wrn b/.publish/ui/components/ChartEmptyState.wrn
new file mode 100644
index 00000000..3245cc5e
--- /dev/null
+++ b/.publish/ui/components/ChartEmptyState.wrn
@@ -0,0 +1,11 @@
+component ChartEmptyState {
+  props {
+    label = "ChartEmpty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ChartTooltip.wrn b/.publish/ui/components/ChartTooltip.wrn
new file mode 100644
index 00000000..379e04d3
--- /dev/null
+++ b/.publish/ui/components/ChartTooltip.wrn
@@ -0,0 +1,13 @@
+component ChartTooltip {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CheckboxGroup.wrn b/.publish/ui/components/CheckboxGroup.wrn
new file mode 100644
index 00000000..d48275d1
--- /dev/null
+++ b/.publish/ui/components/CheckboxGroup.wrn
@@ -0,0 +1,16 @@
+component CheckboxGroup {
+  props {
+    label = "Checkbox" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Checklist.wrn b/.publish/ui/components/Checklist.wrn
new file mode 100644
index 00000000..4ca7d9ed
--- /dev/null
+++ b/.publish/ui/components/Checklist.wrn
@@ -0,0 +1,13 @@
+component Checklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ChecklistProgress.wrn b/.publish/ui/components/ChecklistProgress.wrn
new file mode 100644
index 00000000..dd4e73d9
--- /dev/null
+++ b/.publish/ui/components/ChecklistProgress.wrn
@@ -0,0 +1,11 @@
+component ChecklistProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ChipInput.wrn b/.publish/ui/components/ChipInput.wrn
new file mode 100644
index 00000000..ffcad515
--- /dev/null
+++ b/.publish/ui/components/ChipInput.wrn
@@ -0,0 +1,16 @@
+component ChipInput {
+  props {
+    label = "Chip" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CircularProgress.wrn b/.publish/ui/components/CircularProgress.wrn
new file mode 100644
index 00000000..8d938bc2
--- /dev/null
+++ b/.publish/ui/components/CircularProgress.wrn
@@ -0,0 +1,11 @@
+component CircularProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/CitySelector.wrn b/.publish/ui/components/CitySelector.wrn
new file mode 100644
index 00000000..521f32cb
--- /dev/null
+++ b/.publish/ui/components/CitySelector.wrn
@@ -0,0 +1,16 @@
+component CitySelector {
+  props {
+    label = "City" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ClearFiltersButton.wrn b/.publish/ui/components/ClearFiltersButton.wrn
new file mode 100644
index 00000000..218acb71
--- /dev/null
+++ b/.publish/ui/components/ClearFiltersButton.wrn
@@ -0,0 +1,11 @@
+component ClearFiltersButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/Code.wrn b/.publish/ui/components/Code.wrn
new file mode 100644
index 00000000..aa52f99a
--- /dev/null
+++ b/.publish/ui/components/Code.wrn
@@ -0,0 +1,13 @@
+component Code {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CodeCopyButton.wrn b/.publish/ui/components/CodeCopyButton.wrn
new file mode 100644
index 00000000..ad592a73
--- /dev/null
+++ b/.publish/ui/components/CodeCopyButton.wrn
@@ -0,0 +1,11 @@
+component CodeCopyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/CodeHeader.wrn b/.publish/ui/components/CodeHeader.wrn
new file mode 100644
index 00000000..bdfb4e5d
--- /dev/null
+++ b/.publish/ui/components/CodeHeader.wrn
@@ -0,0 +1,10 @@
+component CodeHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CodeInput.wrn b/.publish/ui/components/CodeInput.wrn
new file mode 100644
index 00000000..e28dafe2
--- /dev/null
+++ b/.publish/ui/components/CodeInput.wrn
@@ -0,0 +1,16 @@
+component CodeInput {
+  props {
+    label = "Code" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CodeLanguageBadge.wrn b/.publish/ui/components/CodeLanguageBadge.wrn
new file mode 100644
index 00000000..c7fe5e3b
--- /dev/null
+++ b/.publish/ui/components/CodeLanguageBadge.wrn
@@ -0,0 +1,11 @@
+component CodeLanguageBadge {
+  props {
+    label = "CodeLanguage" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/CodeTabs.wrn b/.publish/ui/components/CodeTabs.wrn
new file mode 100644
index 00000000..0647a94f
--- /dev/null
+++ b/.publish/ui/components/CodeTabs.wrn
@@ -0,0 +1,13 @@
+component CodeTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CohortChart.wrn b/.publish/ui/components/CohortChart.wrn
new file mode 100644
index 00000000..9a8fb673
--- /dev/null
+++ b/.publish/ui/components/CohortChart.wrn
@@ -0,0 +1,11 @@
+component CohortChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ColorGrid.wrn b/.publish/ui/components/ColorGrid.wrn
new file mode 100644
index 00000000..d8d485f1
--- /dev/null
+++ b/.publish/ui/components/ColorGrid.wrn
@@ -0,0 +1,10 @@
+component ColorGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ColorHexInput.wrn b/.publish/ui/components/ColorHexInput.wrn
new file mode 100644
index 00000000..22ab0804
--- /dev/null
+++ b/.publish/ui/components/ColorHexInput.wrn
@@ -0,0 +1,16 @@
+component ColorHexInput {
+  props {
+    label = "ColorHex" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ColorPicker.wrn b/.publish/ui/components/ColorPicker.wrn
new file mode 100644
index 00000000..b9d7eee4
--- /dev/null
+++ b/.publish/ui/components/ColorPicker.wrn
@@ -0,0 +1,16 @@
+component ColorPicker {
+  props {
+    label = "Color" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ColorSelector.wrn b/.publish/ui/components/ColorSelector.wrn
new file mode 100644
index 00000000..8d86ed18
--- /dev/null
+++ b/.publish/ui/components/ColorSelector.wrn
@@ -0,0 +1,16 @@
+component ColorSelector {
+  props {
+    label = "Color" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ColorSwatch.wrn b/.publish/ui/components/ColorSwatch.wrn
new file mode 100644
index 00000000..d36b75b1
--- /dev/null
+++ b/.publish/ui/components/ColorSwatch.wrn
@@ -0,0 +1,13 @@
+component ColorSwatch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ComingSoonState.wrn b/.publish/ui/components/ComingSoonState.wrn
new file mode 100644
index 00000000..40e6cedc
--- /dev/null
+++ b/.publish/ui/components/ComingSoonState.wrn
@@ -0,0 +1,11 @@
+component ComingSoonState {
+  props {
+    label = "ComingSoon" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/CommandBlock.wrn b/.publish/ui/components/CommandBlock.wrn
new file mode 100644
index 00000000..a227cec7
--- /dev/null
+++ b/.publish/ui/components/CommandBlock.wrn
@@ -0,0 +1,13 @@
+component CommandBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CommandMenu.wrn b/.publish/ui/components/CommandMenu.wrn
new file mode 100644
index 00000000..8f9def1a
--- /dev/null
+++ b/.publish/ui/components/CommandMenu.wrn
@@ -0,0 +1,10 @@
+component CommandMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/CommandSearchInput.wrn b/.publish/ui/components/CommandSearchInput.wrn
new file mode 100644
index 00000000..e5839eba
--- /dev/null
+++ b/.publish/ui/components/CommandSearchInput.wrn
@@ -0,0 +1,16 @@
+component CommandSearchInput {
+  props {
+    label = "CommandSearch" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CompanyHero.wrn b/.publish/ui/components/CompanyHero.wrn
new file mode 100644
index 00000000..5a0b0c02
--- /dev/null
+++ b/.publish/ui/components/CompanyHero.wrn
@@ -0,0 +1,10 @@
+component CompanyHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CompanyNameInput.wrn b/.publish/ui/components/CompanyNameInput.wrn
new file mode 100644
index 00000000..4721ea62
--- /dev/null
+++ b/.publish/ui/components/CompanyNameInput.wrn
@@ -0,0 +1,16 @@
+component CompanyNameInput {
+  props {
+    label = "CompanyName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CompanyPageShell.wrn b/.publish/ui/components/CompanyPageShell.wrn
new file mode 100644
index 00000000..dca2426c
--- /dev/null
+++ b/.publish/ui/components/CompanyPageShell.wrn
@@ -0,0 +1,10 @@
+component CompanyPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/CompanySizeSelector.wrn b/.publish/ui/components/CompanySizeSelector.wrn
new file mode 100644
index 00000000..3fd0a219
--- /dev/null
+++ b/.publish/ui/components/CompanySizeSelector.wrn
@@ -0,0 +1,16 @@
+component CompanySizeSelector {
+  props {
+    label = "CompanySize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ComparisonDateRangePicker.wrn b/.publish/ui/components/ComparisonDateRangePicker.wrn
new file mode 100644
index 00000000..5120aea2
--- /dev/null
+++ b/.publish/ui/components/ComparisonDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component ComparisonDateRangePicker {
+  props {
+    label = "ComparisonDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ComparisonTable.wrn b/.publish/ui/components/ComparisonTable.wrn
new file mode 100644
index 00000000..1a576d59
--- /dev/null
+++ b/.publish/ui/components/ComparisonTable.wrn
@@ -0,0 +1,10 @@
+component ComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CompletionMeter.wrn b/.publish/ui/components/CompletionMeter.wrn
new file mode 100644
index 00000000..77db45d4
--- /dev/null
+++ b/.publish/ui/components/CompletionMeter.wrn
@@ -0,0 +1,11 @@
+component CompletionMeter {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ComplianceBadgeList.wrn b/.publish/ui/components/ComplianceBadgeList.wrn
new file mode 100644
index 00000000..968c0673
--- /dev/null
+++ b/.publish/ui/components/ComplianceBadgeList.wrn
@@ -0,0 +1,10 @@
+component ComplianceBadgeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ComplianceProgramCard.wrn b/.publish/ui/components/ComplianceProgramCard.wrn
new file mode 100644
index 00000000..3c9dc289
--- /dev/null
+++ b/.publish/ui/components/ComplianceProgramCard.wrn
@@ -0,0 +1,13 @@
+component ComplianceProgramCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ConfirmPasswordInput.wrn b/.publish/ui/components/ConfirmPasswordInput.wrn
new file mode 100644
index 00000000..98839b1d
--- /dev/null
+++ b/.publish/ui/components/ConfirmPasswordInput.wrn
@@ -0,0 +1,16 @@
+component ConfirmPasswordInput {
+  props {
+    label = "ConfirmPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ConnectedAccountCard.wrn b/.publish/ui/components/ConnectedAccountCard.wrn
new file mode 100644
index 00000000..ff711310
--- /dev/null
+++ b/.publish/ui/components/ConnectedAccountCard.wrn
@@ -0,0 +1,13 @@
+component ConnectedAccountCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ConsentTimelinePreview.wrn b/.publish/ui/components/ConsentTimelinePreview.wrn
new file mode 100644
index 00000000..9fca41dc
--- /dev/null
+++ b/.publish/ui/components/ConsentTimelinePreview.wrn
@@ -0,0 +1,13 @@
+component ConsentTimelinePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ContactCTA.wrn b/.publish/ui/components/ContactCTA.wrn
new file mode 100644
index 00000000..404d6959
--- /dev/null
+++ b/.publish/ui/components/ContactCTA.wrn
@@ -0,0 +1,11 @@
+component ContactCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ContactForm.wrn b/.publish/ui/components/ContactForm.wrn
new file mode 100644
index 00000000..6f8b7a60
--- /dev/null
+++ b/.publish/ui/components/ContactForm.wrn
@@ -0,0 +1,13 @@
+component ContactForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ContactHero.wrn b/.publish/ui/components/ContactHero.wrn
new file mode 100644
index 00000000..70e59691
--- /dev/null
+++ b/.publish/ui/components/ContactHero.wrn
@@ -0,0 +1,10 @@
+component ContactHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ContactPageShell.wrn b/.publish/ui/components/ContactPageShell.wrn
new file mode 100644
index 00000000..1627cea5
--- /dev/null
+++ b/.publish/ui/components/ContactPageShell.wrn
@@ -0,0 +1,10 @@
+component ContactPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ContactSalesButton.wrn b/.publish/ui/components/ContactSalesButton.wrn
new file mode 100644
index 00000000..6edb599d
--- /dev/null
+++ b/.publish/ui/components/ContactSalesButton.wrn
@@ -0,0 +1,11 @@
+component ContactSalesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ContactSalesForm.wrn b/.publish/ui/components/ContactSalesForm.wrn
new file mode 100644
index 00000000..98e3f441
--- /dev/null
+++ b/.publish/ui/components/ContactSalesForm.wrn
@@ -0,0 +1,13 @@
+component ContactSalesForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ContextMenu.wrn b/.publish/ui/components/ContextMenu.wrn
new file mode 100644
index 00000000..c5ff0774
--- /dev/null
+++ b/.publish/ui/components/ContextMenu.wrn
@@ -0,0 +1,10 @@
+component ContextMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ContextSwitcher.wrn b/.publish/ui/components/ContextSwitcher.wrn
new file mode 100644
index 00000000..3dc90a87
--- /dev/null
+++ b/.publish/ui/components/ContextSwitcher.wrn
@@ -0,0 +1,13 @@
+component ContextSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ConversationList.wrn b/.publish/ui/components/ConversationList.wrn
new file mode 100644
index 00000000..809f57ad
--- /dev/null
+++ b/.publish/ui/components/ConversationList.wrn
@@ -0,0 +1,10 @@
+component ConversationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ConversationPreview.wrn b/.publish/ui/components/ConversationPreview.wrn
new file mode 100644
index 00000000..faad8f8f
--- /dev/null
+++ b/.publish/ui/components/ConversationPreview.wrn
@@ -0,0 +1,13 @@
+component ConversationPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ConversionChart.wrn b/.publish/ui/components/ConversionChart.wrn
new file mode 100644
index 00000000..2840b608
--- /dev/null
+++ b/.publish/ui/components/ConversionChart.wrn
@@ -0,0 +1,11 @@
+component ConversionChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/CookieCategoryList.wrn b/.publish/ui/components/CookieCategoryList.wrn
new file mode 100644
index 00000000..c2a9d812
--- /dev/null
+++ b/.publish/ui/components/CookieCategoryList.wrn
@@ -0,0 +1,10 @@
+component CookieCategoryList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CookieCategoryToggle.wrn b/.publish/ui/components/CookieCategoryToggle.wrn
new file mode 100644
index 00000000..d596498b
--- /dev/null
+++ b/.publish/ui/components/CookieCategoryToggle.wrn
@@ -0,0 +1,16 @@
+component CookieCategoryToggle {
+  props {
+    label = "CookieCategory" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CookieDetailsTable.wrn b/.publish/ui/components/CookieDetailsTable.wrn
new file mode 100644
index 00000000..f366829d
--- /dev/null
+++ b/.publish/ui/components/CookieDetailsTable.wrn
@@ -0,0 +1,10 @@
+component CookieDetailsTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CookieTable.wrn b/.publish/ui/components/CookieTable.wrn
new file mode 100644
index 00000000..411e7946
--- /dev/null
+++ b/.publish/ui/components/CookieTable.wrn
@@ -0,0 +1,10 @@
+component CookieTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/CoordinatesInput.wrn b/.publish/ui/components/CoordinatesInput.wrn
new file mode 100644
index 00000000..520ae166
--- /dev/null
+++ b/.publish/ui/components/CoordinatesInput.wrn
@@ -0,0 +1,16 @@
+component CoordinatesInput {
+  props {
+    label = "Coordinates" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CoordinatesPicker.wrn b/.publish/ui/components/CoordinatesPicker.wrn
new file mode 100644
index 00000000..84e04c62
--- /dev/null
+++ b/.publish/ui/components/CoordinatesPicker.wrn
@@ -0,0 +1,16 @@
+component CoordinatesPicker {
+  props {
+    label = "Coordinates" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CopyCodeButton.wrn b/.publish/ui/components/CopyCodeButton.wrn
new file mode 100644
index 00000000..105e1b54
--- /dev/null
+++ b/.publish/ui/components/CopyCodeButton.wrn
@@ -0,0 +1,11 @@
+component CopyCodeButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/CopySecretField.wrn b/.publish/ui/components/CopySecretField.wrn
new file mode 100644
index 00000000..e016e880
--- /dev/null
+++ b/.publish/ui/components/CopySecretField.wrn
@@ -0,0 +1,16 @@
+component CopySecretField {
+  props {
+    label = "CopySecret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CostBreakdownChart.wrn b/.publish/ui/components/CostBreakdownChart.wrn
new file mode 100644
index 00000000..1a773cdd
--- /dev/null
+++ b/.publish/ui/components/CostBreakdownChart.wrn
@@ -0,0 +1,11 @@
+component CostBreakdownChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/CostSummary.wrn b/.publish/ui/components/CostSummary.wrn
new file mode 100644
index 00000000..2a77cce1
--- /dev/null
+++ b/.publish/ui/components/CostSummary.wrn
@@ -0,0 +1,13 @@
+component CostSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CountryCallingCodeInput.wrn b/.publish/ui/components/CountryCallingCodeInput.wrn
new file mode 100644
index 00000000..044717e6
--- /dev/null
+++ b/.publish/ui/components/CountryCallingCodeInput.wrn
@@ -0,0 +1,16 @@
+component CountryCallingCodeInput {
+  props {
+    label = "CountryCallingCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CountryCallingCodeSelector.wrn b/.publish/ui/components/CountryCallingCodeSelector.wrn
new file mode 100644
index 00000000..2b0913d1
--- /dev/null
+++ b/.publish/ui/components/CountryCallingCodeSelector.wrn
@@ -0,0 +1,16 @@
+component CountryCallingCodeSelector {
+  props {
+    label = "CountryCallingCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CountrySelector.wrn b/.publish/ui/components/CountrySelector.wrn
new file mode 100644
index 00000000..0cd618c9
--- /dev/null
+++ b/.publish/ui/components/CountrySelector.wrn
@@ -0,0 +1,16 @@
+component CountrySelector {
+  props {
+    label = "Country" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CouponInput.wrn b/.publish/ui/components/CouponInput.wrn
new file mode 100644
index 00000000..e6592370
--- /dev/null
+++ b/.publish/ui/components/CouponInput.wrn
@@ -0,0 +1,16 @@
+component CouponInput {
+  props {
+    label = "Coupon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CreditAmountInput.wrn b/.publish/ui/components/CreditAmountInput.wrn
new file mode 100644
index 00000000..68aade4d
--- /dev/null
+++ b/.publish/ui/components/CreditAmountInput.wrn
@@ -0,0 +1,16 @@
+component CreditAmountInput {
+  props {
+    label = "CreditAmount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CronBuilder.wrn b/.publish/ui/components/CronBuilder.wrn
new file mode 100644
index 00000000..e8d25777
--- /dev/null
+++ b/.publish/ui/components/CronBuilder.wrn
@@ -0,0 +1,13 @@
+component CronBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CronInput.wrn b/.publish/ui/components/CronInput.wrn
new file mode 100644
index 00000000..04e14a7c
--- /dev/null
+++ b/.publish/ui/components/CronInput.wrn
@@ -0,0 +1,16 @@
+component CronInput {
+  props {
+    label = "Cron" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CsvUpload.wrn b/.publish/ui/components/CsvUpload.wrn
new file mode 100644
index 00000000..ece10c9e
--- /dev/null
+++ b/.publish/ui/components/CsvUpload.wrn
@@ -0,0 +1,13 @@
+component CsvUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CurrencyInput.wrn b/.publish/ui/components/CurrencyInput.wrn
new file mode 100644
index 00000000..9a4dac50
--- /dev/null
+++ b/.publish/ui/components/CurrencyInput.wrn
@@ -0,0 +1,16 @@
+component CurrencyInput {
+  props {
+    label = "Currency" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CurrencySelector.wrn b/.publish/ui/components/CurrencySelector.wrn
new file mode 100644
index 00000000..520c86c7
--- /dev/null
+++ b/.publish/ui/components/CurrencySelector.wrn
@@ -0,0 +1,16 @@
+component CurrencySelector {
+  props {
+    label = "Currency" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CurrentPasswordInput.wrn b/.publish/ui/components/CurrentPasswordInput.wrn
new file mode 100644
index 00000000..3a1d6f22
--- /dev/null
+++ b/.publish/ui/components/CurrentPasswordInput.wrn
@@ -0,0 +1,16 @@
+component CurrentPasswordInput {
+  props {
+    label = "CurrentPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/CustomerLogo.wrn b/.publish/ui/components/CustomerLogo.wrn
new file mode 100644
index 00000000..c377b692
--- /dev/null
+++ b/.publish/ui/components/CustomerLogo.wrn
@@ -0,0 +1,13 @@
+component CustomerLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/CustomerStoryCard.wrn b/.publish/ui/components/CustomerStoryCard.wrn
new file mode 100644
index 00000000..f0b2a100
--- /dev/null
+++ b/.publish/ui/components/CustomerStoryCard.wrn
@@ -0,0 +1,13 @@
+component CustomerStoryCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DataProtectionCard.wrn b/.publish/ui/components/DataProtectionCard.wrn
new file mode 100644
index 00000000..02326619
--- /dev/null
+++ b/.publish/ui/components/DataProtectionCard.wrn
@@ -0,0 +1,13 @@
+component DataProtectionCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DataRetentionTable.wrn b/.publish/ui/components/DataRetentionTable.wrn
new file mode 100644
index 00000000..0292cd3f
--- /dev/null
+++ b/.publish/ui/components/DataRetentionTable.wrn
@@ -0,0 +1,10 @@
+component DataRetentionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/DateRangeCalendar.wrn b/.publish/ui/components/DateRangeCalendar.wrn
new file mode 100644
index 00000000..d9315b5c
--- /dev/null
+++ b/.publish/ui/components/DateRangeCalendar.wrn
@@ -0,0 +1,13 @@
+component DateRangeCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DateRangeSlider.wrn b/.publish/ui/components/DateRangeSlider.wrn
new file mode 100644
index 00000000..e0fb5e78
--- /dev/null
+++ b/.publish/ui/components/DateRangeSlider.wrn
@@ -0,0 +1,13 @@
+component DateRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DateTimeRangePicker.wrn b/.publish/ui/components/DateTimeRangePicker.wrn
new file mode 100644
index 00000000..fec48f5f
--- /dev/null
+++ b/.publish/ui/components/DateTimeRangePicker.wrn
@@ -0,0 +1,16 @@
+component DateTimeRangePicker {
+  props {
+    label = "DateTimeRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DecimalInput.wrn b/.publish/ui/components/DecimalInput.wrn
new file mode 100644
index 00000000..724952b5
--- /dev/null
+++ b/.publish/ui/components/DecimalInput.wrn
@@ -0,0 +1,16 @@
+component DecimalInput {
+  props {
+    label = "Decimal" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DefinitionList.wrn b/.publish/ui/components/DefinitionList.wrn
new file mode 100644
index 00000000..4535aee5
--- /dev/null
+++ b/.publish/ui/components/DefinitionList.wrn
@@ -0,0 +1,10 @@
+component DefinitionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/DeleteConfirmationDialog.wrn b/.publish/ui/components/DeleteConfirmationDialog.wrn
new file mode 100644
index 00000000..4c57325c
--- /dev/null
+++ b/.publish/ui/components/DeleteConfirmationDialog.wrn
@@ -0,0 +1,10 @@
+component DeleteConfirmationDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/DeliveryPreview.wrn b/.publish/ui/components/DeliveryPreview.wrn
new file mode 100644
index 00000000..3805f5f0
--- /dev/null
+++ b/.publish/ui/components/DeliveryPreview.wrn
@@ -0,0 +1,13 @@
+component DeliveryPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DeliveryStatusChart.wrn b/.publish/ui/components/DeliveryStatusChart.wrn
new file mode 100644
index 00000000..2eec2737
--- /dev/null
+++ b/.publish/ui/components/DeliveryStatusChart.wrn
@@ -0,0 +1,11 @@
+component DeliveryStatusChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/DeliveryStatusTimeline.wrn b/.publish/ui/components/DeliveryStatusTimeline.wrn
new file mode 100644
index 00000000..31d90d63
--- /dev/null
+++ b/.publish/ui/components/DeliveryStatusTimeline.wrn
@@ -0,0 +1,11 @@
+component DeliveryStatusTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/DemoRequestForm.wrn b/.publish/ui/components/DemoRequestForm.wrn
new file mode 100644
index 00000000..d2c4ef09
--- /dev/null
+++ b/.publish/ui/components/DemoRequestForm.wrn
@@ -0,0 +1,13 @@
+component DemoRequestForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DepartmentInput.wrn b/.publish/ui/components/DepartmentInput.wrn
new file mode 100644
index 00000000..833f66d5
--- /dev/null
+++ b/.publish/ui/components/DepartmentInput.wrn
@@ -0,0 +1,16 @@
+component DepartmentInput {
+  props {
+    label = "Department" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DeprecatedFeatureAlert.wrn b/.publish/ui/components/DeprecatedFeatureAlert.wrn
new file mode 100644
index 00000000..1b750233
--- /dev/null
+++ b/.publish/ui/components/DeprecatedFeatureAlert.wrn
@@ -0,0 +1,11 @@
+component DeprecatedFeatureAlert {
+  props {
+    label = "DeprecatedFeature" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/DescriptionList.wrn b/.publish/ui/components/DescriptionList.wrn
new file mode 100644
index 00000000..93cddb8f
--- /dev/null
+++ b/.publish/ui/components/DescriptionList.wrn
@@ -0,0 +1,10 @@
+component DescriptionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/DeveloperCTA.wrn b/.publish/ui/components/DeveloperCTA.wrn
new file mode 100644
index 00000000..0f4e3fbd
--- /dev/null
+++ b/.publish/ui/components/DeveloperCTA.wrn
@@ -0,0 +1,11 @@
+component DeveloperCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/DeveloperHero.wrn b/.publish/ui/components/DeveloperHero.wrn
new file mode 100644
index 00000000..cf3536da
--- /dev/null
+++ b/.publish/ui/components/DeveloperHero.wrn
@@ -0,0 +1,10 @@
+component DeveloperHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/DeveloperPageShell.wrn b/.publish/ui/components/DeveloperPageShell.wrn
new file mode 100644
index 00000000..cb5214a3
--- /dev/null
+++ b/.publish/ui/components/DeveloperPageShell.wrn
@@ -0,0 +1,10 @@
+component DeveloperPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/DeveloperSearch.wrn b/.publish/ui/components/DeveloperSearch.wrn
new file mode 100644
index 00000000..d6b8106a
--- /dev/null
+++ b/.publish/ui/components/DeveloperSearch.wrn
@@ -0,0 +1,13 @@
+component DeveloperSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DevelopersMenu.wrn b/.publish/ui/components/DevelopersMenu.wrn
new file mode 100644
index 00000000..a971815e
--- /dev/null
+++ b/.publish/ui/components/DevelopersMenu.wrn
@@ -0,0 +1,10 @@
+component DevelopersMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/DeviceCard.wrn b/.publish/ui/components/DeviceCard.wrn
new file mode 100644
index 00000000..895a9dca
--- /dev/null
+++ b/.publish/ui/components/DeviceCard.wrn
@@ -0,0 +1,13 @@
+component DeviceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DiscountInput.wrn b/.publish/ui/components/DiscountInput.wrn
new file mode 100644
index 00000000..c18429be
--- /dev/null
+++ b/.publish/ui/components/DiscountInput.wrn
@@ -0,0 +1,16 @@
+component DiscountInput {
+  props {
+    label = "Discount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DisplayNameInput.wrn b/.publish/ui/components/DisplayNameInput.wrn
new file mode 100644
index 00000000..763031f2
--- /dev/null
+++ b/.publish/ui/components/DisplayNameInput.wrn
@@ -0,0 +1,16 @@
+component DisplayNameInput {
+  props {
+    label = "DisplayName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DoNotSellLink.wrn b/.publish/ui/components/DoNotSellLink.wrn
new file mode 100644
index 00000000..7a02b360
--- /dev/null
+++ b/.publish/ui/components/DoNotSellLink.wrn
@@ -0,0 +1,11 @@
+component DoNotSellLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/DocumentPreview.wrn b/.publish/ui/components/DocumentPreview.wrn
new file mode 100644
index 00000000..61ed225c
--- /dev/null
+++ b/.publish/ui/components/DocumentPreview.wrn
@@ -0,0 +1,13 @@
+component DocumentPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DocumentUpload.wrn b/.publish/ui/components/DocumentUpload.wrn
new file mode 100644
index 00000000..002a920b
--- /dev/null
+++ b/.publish/ui/components/DocumentUpload.wrn
@@ -0,0 +1,13 @@
+component DocumentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DomainInput.wrn b/.publish/ui/components/DomainInput.wrn
new file mode 100644
index 00000000..b55a2d82
--- /dev/null
+++ b/.publish/ui/components/DomainInput.wrn
@@ -0,0 +1,16 @@
+component DomainInput {
+  props {
+    label = "Domain" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DonutChart.wrn b/.publish/ui/components/DonutChart.wrn
new file mode 100644
index 00000000..e4b6c899
--- /dev/null
+++ b/.publish/ui/components/DonutChart.wrn
@@ -0,0 +1,11 @@
+component DonutChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/DownloadAction.wrn b/.publish/ui/components/DownloadAction.wrn
new file mode 100644
index 00000000..1d0ee84d
--- /dev/null
+++ b/.publish/ui/components/DownloadAction.wrn
@@ -0,0 +1,11 @@
+component DownloadAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/DownloadGateForm.wrn b/.publish/ui/components/DownloadGateForm.wrn
new file mode 100644
index 00000000..ed3ada8b
--- /dev/null
+++ b/.publish/ui/components/DownloadGateForm.wrn
@@ -0,0 +1,13 @@
+component DownloadGateForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DownloadPolicyButton.wrn b/.publish/ui/components/DownloadPolicyButton.wrn
new file mode 100644
index 00000000..1ee82d26
--- /dev/null
+++ b/.publish/ui/components/DownloadPolicyButton.wrn
@@ -0,0 +1,11 @@
+component DownloadPolicyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/DownloadResourceForm.wrn b/.publish/ui/components/DownloadResourceForm.wrn
new file mode 100644
index 00000000..ffd18940
--- /dev/null
+++ b/.publish/ui/components/DownloadResourceForm.wrn
@@ -0,0 +1,13 @@
+component DownloadResourceForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/DropdownNavigation.wrn b/.publish/ui/components/DropdownNavigation.wrn
new file mode 100644
index 00000000..f41eb1cf
--- /dev/null
+++ b/.publish/ui/components/DropdownNavigation.wrn
@@ -0,0 +1,10 @@
+component DropdownNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/DurationInput.wrn b/.publish/ui/components/DurationInput.wrn
new file mode 100644
index 00000000..1b11745c
--- /dev/null
+++ b/.publish/ui/components/DurationInput.wrn
@@ -0,0 +1,16 @@
+component DurationInput {
+  props {
+    label = "Duration" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DurationPicker.wrn b/.publish/ui/components/DurationPicker.wrn
new file mode 100644
index 00000000..57f2fedf
--- /dev/null
+++ b/.publish/ui/components/DurationPicker.wrn
@@ -0,0 +1,16 @@
+component DurationPicker {
+  props {
+    label = "Duration" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/DurationSlider.wrn b/.publish/ui/components/DurationSlider.wrn
new file mode 100644
index 00000000..33f14043
--- /dev/null
+++ b/.publish/ui/components/DurationSlider.wrn
@@ -0,0 +1,13 @@
+component DurationSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/EmailBodyEditor.wrn b/.publish/ui/components/EmailBodyEditor.wrn
new file mode 100644
index 00000000..8df9bccf
--- /dev/null
+++ b/.publish/ui/components/EmailBodyEditor.wrn
@@ -0,0 +1,16 @@
+component EmailBodyEditor {
+  props {
+    label = "EmailBody" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/EmailComposer.wrn b/.publish/ui/components/EmailComposer.wrn
new file mode 100644
index 00000000..02f1368b
--- /dev/null
+++ b/.publish/ui/components/EmailComposer.wrn
@@ -0,0 +1,13 @@
+component EmailComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/EmojiPicker.wrn b/.publish/ui/components/EmojiPicker.wrn
new file mode 100644
index 00000000..5597ed59
--- /dev/null
+++ b/.publish/ui/components/EmojiPicker.wrn
@@ -0,0 +1,16 @@
+component EmojiPicker {
+  props {
+    label = "Emoji" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/EncryptionDiagram.wrn b/.publish/ui/components/EncryptionDiagram.wrn
new file mode 100644
index 00000000..99b62da6
--- /dev/null
+++ b/.publish/ui/components/EncryptionDiagram.wrn
@@ -0,0 +1,11 @@
+component EncryptionDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/EnterpriseCTA.wrn b/.publish/ui/components/EnterpriseCTA.wrn
new file mode 100644
index 00000000..008e0fba
--- /dev/null
+++ b/.publish/ui/components/EnterpriseCTA.wrn
@@ -0,0 +1,11 @@
+component EnterpriseCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/EnterpriseHero.wrn b/.publish/ui/components/EnterpriseHero.wrn
new file mode 100644
index 00000000..eb5fda6d
--- /dev/null
+++ b/.publish/ui/components/EnterpriseHero.wrn
@@ -0,0 +1,10 @@
+component EnterpriseHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/EnterprisePricingCard.wrn b/.publish/ui/components/EnterprisePricingCard.wrn
new file mode 100644
index 00000000..4d5589e9
--- /dev/null
+++ b/.publish/ui/components/EnterprisePricingCard.wrn
@@ -0,0 +1,13 @@
+component EnterprisePricingCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/EnvironmentSelector.wrn b/.publish/ui/components/EnvironmentSelector.wrn
new file mode 100644
index 00000000..0f5585bf
--- /dev/null
+++ b/.publish/ui/components/EnvironmentSelector.wrn
@@ -0,0 +1,16 @@
+component EnvironmentSelector {
+  props {
+    label = "Environment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/EnvironmentSwitcher.wrn b/.publish/ui/components/EnvironmentSwitcher.wrn
new file mode 100644
index 00000000..5cff628c
--- /dev/null
+++ b/.publish/ui/components/EnvironmentSwitcher.wrn
@@ -0,0 +1,13 @@
+component EnvironmentSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ErrorActions.wrn b/.publish/ui/components/ErrorActions.wrn
new file mode 100644
index 00000000..3464087a
--- /dev/null
+++ b/.publish/ui/components/ErrorActions.wrn
@@ -0,0 +1,11 @@
+component ErrorActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ErrorCode.wrn b/.publish/ui/components/ErrorCode.wrn
new file mode 100644
index 00000000..09f0ef91
--- /dev/null
+++ b/.publish/ui/components/ErrorCode.wrn
@@ -0,0 +1,13 @@
+component ErrorCode {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ErrorHero.wrn b/.publish/ui/components/ErrorHero.wrn
new file mode 100644
index 00000000..11cb3fdc
--- /dev/null
+++ b/.publish/ui/components/ErrorHero.wrn
@@ -0,0 +1,10 @@
+component ErrorHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ErrorIllustration.wrn b/.publish/ui/components/ErrorIllustration.wrn
new file mode 100644
index 00000000..e31e54d7
--- /dev/null
+++ b/.publish/ui/components/ErrorIllustration.wrn
@@ -0,0 +1,13 @@
+component ErrorIllustration {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ErrorPage.wrn b/.publish/ui/components/ErrorPage.wrn
new file mode 100644
index 00000000..beb34f82
--- /dev/null
+++ b/.publish/ui/components/ErrorPage.wrn
@@ -0,0 +1,13 @@
+component ErrorPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ErrorPageShell.wrn b/.publish/ui/components/ErrorPageShell.wrn
new file mode 100644
index 00000000..9fd5e587
--- /dev/null
+++ b/.publish/ui/components/ErrorPageShell.wrn
@@ -0,0 +1,10 @@
+component ErrorPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ErrorSupportLink.wrn b/.publish/ui/components/ErrorSupportLink.wrn
new file mode 100644
index 00000000..047a751d
--- /dev/null
+++ b/.publish/ui/components/ErrorSupportLink.wrn
@@ -0,0 +1,11 @@
+component ErrorSupportLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/EstimatedCostSummary.wrn b/.publish/ui/components/EstimatedCostSummary.wrn
new file mode 100644
index 00000000..f90ec28b
--- /dev/null
+++ b/.publish/ui/components/EstimatedCostSummary.wrn
@@ -0,0 +1,13 @@
+component EstimatedCostSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/EventTable.wrn b/.publish/ui/components/EventTable.wrn
new file mode 100644
index 00000000..0c1f65d0
--- /dev/null
+++ b/.publish/ui/components/EventTable.wrn
@@ -0,0 +1,10 @@
+component EventTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ExpandableText.wrn b/.publish/ui/components/ExpandableText.wrn
new file mode 100644
index 00000000..4ad005a7
--- /dev/null
+++ b/.publish/ui/components/ExpandableText.wrn
@@ -0,0 +1,13 @@
+component ExpandableText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ExpiryDateTimePicker.wrn b/.publish/ui/components/ExpiryDateTimePicker.wrn
new file mode 100644
index 00000000..f82dc331
--- /dev/null
+++ b/.publish/ui/components/ExpiryDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component ExpiryDateTimePicker {
+  props {
+    label = "ExpiryDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ExportProgress.wrn b/.publish/ui/components/ExportProgress.wrn
new file mode 100644
index 00000000..86cc638a
--- /dev/null
+++ b/.publish/ui/components/ExportProgress.wrn
@@ -0,0 +1,11 @@
+component ExportProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ExternalLink.wrn b/.publish/ui/components/ExternalLink.wrn
new file mode 100644
index 00000000..87d4c306
--- /dev/null
+++ b/.publish/ui/components/ExternalLink.wrn
@@ -0,0 +1,11 @@
+component ExternalLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/FactorCard.wrn b/.publish/ui/components/FactorCard.wrn
new file mode 100644
index 00000000..0d5f8d4a
--- /dev/null
+++ b/.publish/ui/components/FactorCard.wrn
@@ -0,0 +1,13 @@
+component FactorCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FallbackRouteBuilder.wrn b/.publish/ui/components/FallbackRouteBuilder.wrn
new file mode 100644
index 00000000..c8037e01
--- /dev/null
+++ b/.publish/ui/components/FallbackRouteBuilder.wrn
@@ -0,0 +1,13 @@
+component FallbackRouteBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FallbackRouteDiagram.wrn b/.publish/ui/components/FallbackRouteDiagram.wrn
new file mode 100644
index 00000000..c0239371
--- /dev/null
+++ b/.publish/ui/components/FallbackRouteDiagram.wrn
@@ -0,0 +1,11 @@
+component FallbackRouteDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/FaviconUpload.wrn b/.publish/ui/components/FaviconUpload.wrn
new file mode 100644
index 00000000..64ea175f
--- /dev/null
+++ b/.publish/ui/components/FaviconUpload.wrn
@@ -0,0 +1,13 @@
+component FaviconUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FaxInput.wrn b/.publish/ui/components/FaxInput.wrn
new file mode 100644
index 00000000..ca45115c
--- /dev/null
+++ b/.publish/ui/components/FaxInput.wrn
@@ -0,0 +1,16 @@
+component FaxInput {
+  props {
+    label = "Fax" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FeatureChecklist.wrn b/.publish/ui/components/FeatureChecklist.wrn
new file mode 100644
index 00000000..f9b9d4c9
--- /dev/null
+++ b/.publish/ui/components/FeatureChecklist.wrn
@@ -0,0 +1,13 @@
+component FeatureChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FeatureComparisonTable.wrn b/.publish/ui/components/FeatureComparisonTable.wrn
new file mode 100644
index 00000000..1e55f634
--- /dev/null
+++ b/.publish/ui/components/FeatureComparisonTable.wrn
@@ -0,0 +1,10 @@
+component FeatureComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FeatureDetailsPanel.wrn b/.publish/ui/components/FeatureDetailsPanel.wrn
new file mode 100644
index 00000000..12146226
--- /dev/null
+++ b/.publish/ui/components/FeatureDetailsPanel.wrn
@@ -0,0 +1,10 @@
+component FeatureDetailsPanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/FeatureIconCard.wrn b/.publish/ui/components/FeatureIconCard.wrn
new file mode 100644
index 00000000..5c92f827
--- /dev/null
+++ b/.publish/ui/components/FeatureIconCard.wrn
@@ -0,0 +1,13 @@
+component FeatureIconCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FeatureList.wrn b/.publish/ui/components/FeatureList.wrn
new file mode 100644
index 00000000..3dc59590
--- /dev/null
+++ b/.publish/ui/components/FeatureList.wrn
@@ -0,0 +1,10 @@
+component FeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FeatureTabs.wrn b/.publish/ui/components/FeatureTabs.wrn
new file mode 100644
index 00000000..63841164
--- /dev/null
+++ b/.publish/ui/components/FeatureTabs.wrn
@@ -0,0 +1,13 @@
+component FeatureTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FeatureTimeline.wrn b/.publish/ui/components/FeatureTimeline.wrn
new file mode 100644
index 00000000..d04b97f9
--- /dev/null
+++ b/.publish/ui/components/FeatureTimeline.wrn
@@ -0,0 +1,11 @@
+component FeatureTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/FeatureUnavailableState.wrn b/.publish/ui/components/FeatureUnavailableState.wrn
new file mode 100644
index 00000000..53d6ad9f
--- /dev/null
+++ b/.publish/ui/components/FeatureUnavailableState.wrn
@@ -0,0 +1,11 @@
+component FeatureUnavailableState {
+  props {
+    label = "FeatureUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/FeaturedBlogCard.wrn b/.publish/ui/components/FeaturedBlogCard.wrn
new file mode 100644
index 00000000..7c01743c
--- /dev/null
+++ b/.publish/ui/components/FeaturedBlogCard.wrn
@@ -0,0 +1,13 @@
+component FeaturedBlogCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FieldActions.wrn b/.publish/ui/components/FieldActions.wrn
new file mode 100644
index 00000000..a63d1590
--- /dev/null
+++ b/.publish/ui/components/FieldActions.wrn
@@ -0,0 +1,11 @@
+component FieldActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/FileInput.wrn b/.publish/ui/components/FileInput.wrn
new file mode 100644
index 00000000..722bf73b
--- /dev/null
+++ b/.publish/ui/components/FileInput.wrn
@@ -0,0 +1,16 @@
+component FileInput {
+  props {
+    label = "File" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FileList.wrn b/.publish/ui/components/FileList.wrn
new file mode 100644
index 00000000..4852cb4c
--- /dev/null
+++ b/.publish/ui/components/FileList.wrn
@@ -0,0 +1,10 @@
+component FileList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FileSizeInput.wrn b/.publish/ui/components/FileSizeInput.wrn
new file mode 100644
index 00000000..2d9c7e21
--- /dev/null
+++ b/.publish/ui/components/FileSizeInput.wrn
@@ -0,0 +1,16 @@
+component FileSizeInput {
+  props {
+    label = "FileSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FileSizeLabel.wrn b/.publish/ui/components/FileSizeLabel.wrn
new file mode 100644
index 00000000..41268a88
--- /dev/null
+++ b/.publish/ui/components/FileSizeLabel.wrn
@@ -0,0 +1,13 @@
+component FileSizeLabel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FileTypeBadge.wrn b/.publish/ui/components/FileTypeBadge.wrn
new file mode 100644
index 00000000..0859b24d
--- /dev/null
+++ b/.publish/ui/components/FileTypeBadge.wrn
@@ -0,0 +1,11 @@
+component FileTypeBadge {
+  props {
+    label = "FileType" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/FilterMenu.wrn b/.publish/ui/components/FilterMenu.wrn
new file mode 100644
index 00000000..4b2adc4f
--- /dev/null
+++ b/.publish/ui/components/FilterMenu.wrn
@@ -0,0 +1,10 @@
+component FilterMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/FilterSearchInput.wrn b/.publish/ui/components/FilterSearchInput.wrn
new file mode 100644
index 00000000..154a74b3
--- /dev/null
+++ b/.publish/ui/components/FilterSearchInput.wrn
@@ -0,0 +1,16 @@
+component FilterSearchInput {
+  props {
+    label = "FilterSearch" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FilterableTable.wrn b/.publish/ui/components/FilterableTable.wrn
new file mode 100644
index 00000000..5af1b937
--- /dev/null
+++ b/.publish/ui/components/FilterableTable.wrn
@@ -0,0 +1,10 @@
+component FilterableTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FinalCTA.wrn b/.publish/ui/components/FinalCTA.wrn
new file mode 100644
index 00000000..d7019215
--- /dev/null
+++ b/.publish/ui/components/FinalCTA.wrn
@@ -0,0 +1,11 @@
+component FinalCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/FirstNameInput.wrn b/.publish/ui/components/FirstNameInput.wrn
new file mode 100644
index 00000000..2ea59f0b
--- /dev/null
+++ b/.publish/ui/components/FirstNameInput.wrn
@@ -0,0 +1,16 @@
+component FirstNameInput {
+  props {
+    label = "FirstName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FontPicker.wrn b/.publish/ui/components/FontPicker.wrn
new file mode 100644
index 00000000..b0eeab00
--- /dev/null
+++ b/.publish/ui/components/FontPicker.wrn
@@ -0,0 +1,16 @@
+component FontPicker {
+  props {
+    label = "Font" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FontSizePicker.wrn b/.publish/ui/components/FontSizePicker.wrn
new file mode 100644
index 00000000..9582d2a2
--- /dev/null
+++ b/.publish/ui/components/FontSizePicker.wrn
@@ -0,0 +1,16 @@
+component FontSizePicker {
+  props {
+    label = "FontSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FontWeightPicker.wrn b/.publish/ui/components/FontWeightPicker.wrn
new file mode 100644
index 00000000..5c184d30
--- /dev/null
+++ b/.publish/ui/components/FontWeightPicker.wrn
@@ -0,0 +1,16 @@
+component FontWeightPicker {
+  props {
+    label = "FontWeight" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FooterLanguageSwitcher.wrn b/.publish/ui/components/FooterLanguageSwitcher.wrn
new file mode 100644
index 00000000..8166c067
--- /dev/null
+++ b/.publish/ui/components/FooterLanguageSwitcher.wrn
@@ -0,0 +1,13 @@
+component FooterLanguageSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FooterStatusIndicator.wrn b/.publish/ui/components/FooterStatusIndicator.wrn
new file mode 100644
index 00000000..958151c5
--- /dev/null
+++ b/.publish/ui/components/FooterStatusIndicator.wrn
@@ -0,0 +1,11 @@
+component FooterStatusIndicator {
+  props {
+    label = "FooterStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ForbiddenPage.wrn b/.publish/ui/components/ForbiddenPage.wrn
new file mode 100644
index 00000000..b7c2cc15
--- /dev/null
+++ b/.publish/ui/components/ForbiddenPage.wrn
@@ -0,0 +1,13 @@
+component ForbiddenPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ForbiddenState.wrn b/.publish/ui/components/ForbiddenState.wrn
new file mode 100644
index 00000000..5e17af06
--- /dev/null
+++ b/.publish/ui/components/ForbiddenState.wrn
@@ -0,0 +1,11 @@
+component ForbiddenState {
+  props {
+    label = "Forbidden" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ForgotPasswordForm.wrn b/.publish/ui/components/ForgotPasswordForm.wrn
new file mode 100644
index 00000000..8bb68418
--- /dev/null
+++ b/.publish/ui/components/ForgotPasswordForm.wrn
@@ -0,0 +1,13 @@
+component ForgotPasswordForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/FormActions.wrn b/.publish/ui/components/FormActions.wrn
new file mode 100644
index 00000000..caa3d21b
--- /dev/null
+++ b/.publish/ui/components/FormActions.wrn
@@ -0,0 +1,11 @@
+component FormActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/FormAlert.wrn b/.publish/ui/components/FormAlert.wrn
new file mode 100644
index 00000000..1af27cec
--- /dev/null
+++ b/.publish/ui/components/FormAlert.wrn
@@ -0,0 +1,11 @@
+component FormAlert {
+  props {
+    label = "Form" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/FormDialog.wrn b/.publish/ui/components/FormDialog.wrn
new file mode 100644
index 00000000..0f62d212
--- /dev/null
+++ b/.publish/ui/components/FormDialog.wrn
@@ -0,0 +1,10 @@
+component FormDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/FormGrid.wrn b/.publish/ui/components/FormGrid.wrn
new file mode 100644
index 00000000..4933d481
--- /dev/null
+++ b/.publish/ui/components/FormGrid.wrn
@@ -0,0 +1,10 @@
+component FormGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FormGroup.wrn b/.publish/ui/components/FormGroup.wrn
new file mode 100644
index 00000000..d508762a
--- /dev/null
+++ b/.publish/ui/components/FormGroup.wrn
@@ -0,0 +1,16 @@
+component FormGroup {
+  props {
+    label = "Form" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/FormProgress.wrn b/.publish/ui/components/FormProgress.wrn
new file mode 100644
index 00000000..92452fe1
--- /dev/null
+++ b/.publish/ui/components/FormProgress.wrn
@@ -0,0 +1,11 @@
+component FormProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/FormRow.wrn b/.publish/ui/components/FormRow.wrn
new file mode 100644
index 00000000..66ef9d67
--- /dev/null
+++ b/.publish/ui/components/FormRow.wrn
@@ -0,0 +1,10 @@
+component FormRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/FormSection.wrn b/.publish/ui/components/FormSection.wrn
new file mode 100644
index 00000000..aba384c9
--- /dev/null
+++ b/.publish/ui/components/FormSection.wrn
@@ -0,0 +1,10 @@
+component FormSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/FullscreenDialog.wrn b/.publish/ui/components/FullscreenDialog.wrn
new file mode 100644
index 00000000..9a4b2d89
--- /dev/null
+++ b/.publish/ui/components/FullscreenDialog.wrn
@@ -0,0 +1,10 @@
+component FullscreenDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/FunnelChart.wrn b/.publish/ui/components/FunnelChart.wrn
new file mode 100644
index 00000000..cb714492
--- /dev/null
+++ b/.publish/ui/components/FunnelChart.wrn
@@ -0,0 +1,11 @@
+component FunnelChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/GeoChart.wrn b/.publish/ui/components/GeoChart.wrn
new file mode 100644
index 00000000..b448088f
--- /dev/null
+++ b/.publish/ui/components/GeoChart.wrn
@@ -0,0 +1,11 @@
+component GeoChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/GeofenceEditor.wrn b/.publish/ui/components/GeofenceEditor.wrn
new file mode 100644
index 00000000..15f61f70
--- /dev/null
+++ b/.publish/ui/components/GeofenceEditor.wrn
@@ -0,0 +1,16 @@
+component GeofenceEditor {
+  props {
+    label = "Geofence" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/GlobalSearch.wrn b/.publish/ui/components/GlobalSearch.wrn
new file mode 100644
index 00000000..8ed535b1
--- /dev/null
+++ b/.publish/ui/components/GlobalSearch.wrn
@@ -0,0 +1,13 @@
+component GlobalSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/GradientCTA.wrn b/.publish/ui/components/GradientCTA.wrn
new file mode 100644
index 00000000..45c250fc
--- /dev/null
+++ b/.publish/ui/components/GradientCTA.wrn
@@ -0,0 +1,11 @@
+component GradientCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/GradientPicker.wrn b/.publish/ui/components/GradientPicker.wrn
new file mode 100644
index 00000000..01992cd4
--- /dev/null
+++ b/.publish/ui/components/GradientPicker.wrn
@@ -0,0 +1,16 @@
+component GradientPicker {
+  props {
+    label = "Gradient" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/GradientStopEditor.wrn b/.publish/ui/components/GradientStopEditor.wrn
new file mode 100644
index 00000000..055dd545
--- /dev/null
+++ b/.publish/ui/components/GradientStopEditor.wrn
@@ -0,0 +1,16 @@
+component GradientStopEditor {
+  props {
+    label = "GradientStop" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/GuideCard.wrn b/.publish/ui/components/GuideCard.wrn
new file mode 100644
index 00000000..9faa305a
--- /dev/null
+++ b/.publish/ui/components/GuideCard.wrn
@@ -0,0 +1,13 @@
+component GuideCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/GuideChecklist.wrn b/.publish/ui/components/GuideChecklist.wrn
new file mode 100644
index 00000000..afb78f17
--- /dev/null
+++ b/.publish/ui/components/GuideChecklist.wrn
@@ -0,0 +1,13 @@
+component GuideChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/GuideDifficultyBadge.wrn b/.publish/ui/components/GuideDifficultyBadge.wrn
new file mode 100644
index 00000000..847bb1ef
--- /dev/null
+++ b/.publish/ui/components/GuideDifficultyBadge.wrn
@@ -0,0 +1,11 @@
+component GuideDifficultyBadge {
+  props {
+    label = "GuideDifficulty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/GuideGrid.wrn b/.publish/ui/components/GuideGrid.wrn
new file mode 100644
index 00000000..1feae40b
--- /dev/null
+++ b/.publish/ui/components/GuideGrid.wrn
@@ -0,0 +1,10 @@
+component GuideGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/GuideStep.wrn b/.publish/ui/components/GuideStep.wrn
new file mode 100644
index 00000000..54cd1728
--- /dev/null
+++ b/.publish/ui/components/GuideStep.wrn
@@ -0,0 +1,13 @@
+component GuideStep {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/Header.wrn b/.publish/ui/components/Header.wrn
new file mode 100644
index 00000000..071beed7
--- /dev/null
+++ b/.publish/ui/components/Header.wrn
@@ -0,0 +1,10 @@
+component Header {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/HeaderActions.wrn b/.publish/ui/components/HeaderActions.wrn
new file mode 100644
index 00000000..26db0c30
--- /dev/null
+++ b/.publish/ui/components/HeaderActions.wrn
@@ -0,0 +1,11 @@
+component HeaderActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/HeroActions.wrn b/.publish/ui/components/HeroActions.wrn
new file mode 100644
index 00000000..708eaeb0
--- /dev/null
+++ b/.publish/ui/components/HeroActions.wrn
@@ -0,0 +1,11 @@
+component HeroActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/HeroCodePanel.wrn b/.publish/ui/components/HeroCodePanel.wrn
new file mode 100644
index 00000000..c0dd1a88
--- /dev/null
+++ b/.publish/ui/components/HeroCodePanel.wrn
@@ -0,0 +1,10 @@
+component HeroCodePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/HeroGradientText.wrn b/.publish/ui/components/HeroGradientText.wrn
new file mode 100644
index 00000000..9f54f25c
--- /dev/null
+++ b/.publish/ui/components/HeroGradientText.wrn
@@ -0,0 +1,13 @@
+component HeroGradientText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/HeroPrimaryAction.wrn b/.publish/ui/components/HeroPrimaryAction.wrn
new file mode 100644
index 00000000..3e5fedb6
--- /dev/null
+++ b/.publish/ui/components/HeroPrimaryAction.wrn
@@ -0,0 +1,11 @@
+component HeroPrimaryAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/HeroProductPreview.wrn b/.publish/ui/components/HeroProductPreview.wrn
new file mode 100644
index 00000000..903667f2
--- /dev/null
+++ b/.publish/ui/components/HeroProductPreview.wrn
@@ -0,0 +1,13 @@
+component HeroProductPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/HeroSecondaryAction.wrn b/.publish/ui/components/HeroSecondaryAction.wrn
new file mode 100644
index 00000000..3682b597
--- /dev/null
+++ b/.publish/ui/components/HeroSecondaryAction.wrn
@@ -0,0 +1,11 @@
+component HeroSecondaryAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/HeroTrustText.wrn b/.publish/ui/components/HeroTrustText.wrn
new file mode 100644
index 00000000..5ec05c16
--- /dev/null
+++ b/.publish/ui/components/HeroTrustText.wrn
@@ -0,0 +1,13 @@
+component HeroTrustText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/HexColorInput.wrn b/.publish/ui/components/HexColorInput.wrn
new file mode 100644
index 00000000..47076d66
--- /dev/null
+++ b/.publish/ui/components/HexColorInput.wrn
@@ -0,0 +1,16 @@
+component HexColorInput {
+  props {
+    label = "HexColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HiddenField.wrn b/.publish/ui/components/HiddenField.wrn
new file mode 100644
index 00000000..1c634c2a
--- /dev/null
+++ b/.publish/ui/components/HiddenField.wrn
@@ -0,0 +1,16 @@
+component HiddenField {
+  props {
+    label = "Hidden" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HighlightText.wrn b/.publish/ui/components/HighlightText.wrn
new file mode 100644
index 00000000..43750dab
--- /dev/null
+++ b/.publish/ui/components/HighlightText.wrn
@@ -0,0 +1,13 @@
+component HighlightText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/HolidayCalendar.wrn b/.publish/ui/components/HolidayCalendar.wrn
new file mode 100644
index 00000000..299934b1
--- /dev/null
+++ b/.publish/ui/components/HolidayCalendar.wrn
@@ -0,0 +1,13 @@
+component HolidayCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/HostnameInput.wrn b/.publish/ui/components/HostnameInput.wrn
new file mode 100644
index 00000000..2a1df988
--- /dev/null
+++ b/.publish/ui/components/HostnameInput.wrn
@@ -0,0 +1,16 @@
+component HostnameInput {
+  props {
+    label = "Hostname" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HourPicker.wrn b/.publish/ui/components/HourPicker.wrn
new file mode 100644
index 00000000..2931e4c6
--- /dev/null
+++ b/.publish/ui/components/HourPicker.wrn
@@ -0,0 +1,16 @@
+component HourPicker {
+  props {
+    label = "Hour" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HslColorInput.wrn b/.publish/ui/components/HslColorInput.wrn
new file mode 100644
index 00000000..ba20721d
--- /dev/null
+++ b/.publish/ui/components/HslColorInput.wrn
@@ -0,0 +1,16 @@
+component HslColorInput {
+  props {
+    label = "HslColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HtmlEditor.wrn b/.publish/ui/components/HtmlEditor.wrn
new file mode 100644
index 00000000..ff2c2525
--- /dev/null
+++ b/.publish/ui/components/HtmlEditor.wrn
@@ -0,0 +1,16 @@
+component HtmlEditor {
+  props {
+    label = "Html" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/HumanApprovalStep.wrn b/.publish/ui/components/HumanApprovalStep.wrn
new file mode 100644
index 00000000..900eebb4
--- /dev/null
+++ b/.publish/ui/components/HumanApprovalStep.wrn
@@ -0,0 +1,13 @@
+component HumanApprovalStep {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/Icon.wrn b/.publish/ui/components/Icon.wrn
new file mode 100644
index 00000000..d6123ded
--- /dev/null
+++ b/.publish/ui/components/Icon.wrn
@@ -0,0 +1,13 @@
+component Icon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/IconPicker.wrn b/.publish/ui/components/IconPicker.wrn
new file mode 100644
index 00000000..af3c82bb
--- /dev/null
+++ b/.publish/ui/components/IconPicker.wrn
@@ -0,0 +1,16 @@
+component IconPicker {
+  props {
+    label = "Icon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/IconSelector.wrn b/.publish/ui/components/IconSelector.wrn
new file mode 100644
index 00000000..dbbe3bef
--- /dev/null
+++ b/.publish/ui/components/IconSelector.wrn
@@ -0,0 +1,16 @@
+component IconSelector {
+  props {
+    label = "Icon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/IdentifierInput.wrn b/.publish/ui/components/IdentifierInput.wrn
new file mode 100644
index 00000000..cc110a0c
--- /dev/null
+++ b/.publish/ui/components/IdentifierInput.wrn
@@ -0,0 +1,16 @@
+component IdentifierInput {
+  props {
+    label = "Identifier" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Illustration.wrn b/.publish/ui/components/Illustration.wrn
new file mode 100644
index 00000000..c9cf28f9
--- /dev/null
+++ b/.publish/ui/components/Illustration.wrn
@@ -0,0 +1,13 @@
+component Illustration {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ImageCompressionPreview.wrn b/.publish/ui/components/ImageCompressionPreview.wrn
new file mode 100644
index 00000000..000bbf22
--- /dev/null
+++ b/.publish/ui/components/ImageCompressionPreview.wrn
@@ -0,0 +1,13 @@
+component ImageCompressionPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ImageEditor.wrn b/.publish/ui/components/ImageEditor.wrn
new file mode 100644
index 00000000..8b82527d
--- /dev/null
+++ b/.publish/ui/components/ImageEditor.wrn
@@ -0,0 +1,16 @@
+component ImageEditor {
+  props {
+    label = "Image" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ImagePreviewDialog.wrn b/.publish/ui/components/ImagePreviewDialog.wrn
new file mode 100644
index 00000000..d674ca03
--- /dev/null
+++ b/.publish/ui/components/ImagePreviewDialog.wrn
@@ -0,0 +1,10 @@
+component ImagePreviewDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ImageSelector.wrn b/.publish/ui/components/ImageSelector.wrn
new file mode 100644
index 00000000..9ae4b7a8
--- /dev/null
+++ b/.publish/ui/components/ImageSelector.wrn
@@ -0,0 +1,16 @@
+component ImageSelector {
+  props {
+    label = "Image" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ImageUpload.wrn b/.publish/ui/components/ImageUpload.wrn
new file mode 100644
index 00000000..bb300e60
--- /dev/null
+++ b/.publish/ui/components/ImageUpload.wrn
@@ -0,0 +1,13 @@
+component ImageUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ImportProgress.wrn b/.publish/ui/components/ImportProgress.wrn
new file mode 100644
index 00000000..2d44a338
--- /dev/null
+++ b/.publish/ui/components/ImportProgress.wrn
@@ -0,0 +1,11 @@
+component ImportProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/IncidentAlert.wrn b/.publish/ui/components/IncidentAlert.wrn
new file mode 100644
index 00000000..059f8a9c
--- /dev/null
+++ b/.publish/ui/components/IncidentAlert.wrn
@@ -0,0 +1,11 @@
+component IncidentAlert {
+  props {
+    label = "Incident" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/IncidentBanner.wrn b/.publish/ui/components/IncidentBanner.wrn
new file mode 100644
index 00000000..d31b9a59
--- /dev/null
+++ b/.publish/ui/components/IncidentBanner.wrn
@@ -0,0 +1,11 @@
+component IncidentBanner {
+  props {
+    label = "Incident" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/IncidentCard.wrn b/.publish/ui/components/IncidentCard.wrn
new file mode 100644
index 00000000..15b8456c
--- /dev/null
+++ b/.publish/ui/components/IncidentCard.wrn
@@ -0,0 +1,13 @@
+component IncidentCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/IncidentList.wrn b/.publish/ui/components/IncidentList.wrn
new file mode 100644
index 00000000..273a15cd
--- /dev/null
+++ b/.publish/ui/components/IncidentList.wrn
@@ -0,0 +1,10 @@
+component IncidentList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/IncidentResponseFlow.wrn b/.publish/ui/components/IncidentResponseFlow.wrn
new file mode 100644
index 00000000..0745cefd
--- /dev/null
+++ b/.publish/ui/components/IncidentResponseFlow.wrn
@@ -0,0 +1,11 @@
+component IncidentResponseFlow {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/IncidentSeverityBadge.wrn b/.publish/ui/components/IncidentSeverityBadge.wrn
new file mode 100644
index 00000000..fbb29e4a
--- /dev/null
+++ b/.publish/ui/components/IncidentSeverityBadge.wrn
@@ -0,0 +1,11 @@
+component IncidentSeverityBadge {
+  props {
+    label = "IncidentSeverity" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/IncidentTimeline.wrn b/.publish/ui/components/IncidentTimeline.wrn
new file mode 100644
index 00000000..470394cd
--- /dev/null
+++ b/.publish/ui/components/IncidentTimeline.wrn
@@ -0,0 +1,11 @@
+component IncidentTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/IndustryBadge.wrn b/.publish/ui/components/IndustryBadge.wrn
new file mode 100644
index 00000000..c0f144a0
--- /dev/null
+++ b/.publish/ui/components/IndustryBadge.wrn
@@ -0,0 +1,11 @@
+component IndustryBadge {
+  props {
+    label = "Industry" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/IndustrySelector.wrn b/.publish/ui/components/IndustrySelector.wrn
new file mode 100644
index 00000000..a92553b4
--- /dev/null
+++ b/.publish/ui/components/IndustrySelector.wrn
@@ -0,0 +1,16 @@
+component IndustrySelector {
+  props {
+    label = "Industry" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/InlineAlert.wrn b/.publish/ui/components/InlineAlert.wrn
new file mode 100644
index 00000000..08fb34ca
--- /dev/null
+++ b/.publish/ui/components/InlineAlert.wrn
@@ -0,0 +1,11 @@
+component InlineAlert {
+  props {
+    label = "Inline" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/InputGroup.wrn b/.publish/ui/components/InputGroup.wrn
new file mode 100644
index 00000000..7bc00faf
--- /dev/null
+++ b/.publish/ui/components/InputGroup.wrn
@@ -0,0 +1,16 @@
+component InputGroup {
+  props {
+    label = "Input" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/IntegerInput.wrn b/.publish/ui/components/IntegerInput.wrn
new file mode 100644
index 00000000..d07658b0
--- /dev/null
+++ b/.publish/ui/components/IntegerInput.wrn
@@ -0,0 +1,16 @@
+component IntegerInput {
+  props {
+    label = "Integer" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/InvoiceLineItem.wrn b/.publish/ui/components/InvoiceLineItem.wrn
new file mode 100644
index 00000000..eb691526
--- /dev/null
+++ b/.publish/ui/components/InvoiceLineItem.wrn
@@ -0,0 +1,13 @@
+component InvoiceLineItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/InvoiceSummary.wrn b/.publish/ui/components/InvoiceSummary.wrn
new file mode 100644
index 00000000..f898bc76
--- /dev/null
+++ b/.publish/ui/components/InvoiceSummary.wrn
@@ -0,0 +1,13 @@
+component InvoiceSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/IpAddressInput.wrn b/.publish/ui/components/IpAddressInput.wrn
new file mode 100644
index 00000000..98a6c98c
--- /dev/null
+++ b/.publish/ui/components/IpAddressInput.wrn
@@ -0,0 +1,16 @@
+component IpAddressInput {
+  props {
+    label = "IpAddress" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/JobCard.wrn b/.publish/ui/components/JobCard.wrn
new file mode 100644
index 00000000..a13bf2b4
--- /dev/null
+++ b/.publish/ui/components/JobCard.wrn
@@ -0,0 +1,13 @@
+component JobCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/JobProgress.wrn b/.publish/ui/components/JobProgress.wrn
new file mode 100644
index 00000000..f1cf0c4d
--- /dev/null
+++ b/.publish/ui/components/JobProgress.wrn
@@ -0,0 +1,11 @@
+component JobProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/JobTitleInput.wrn b/.publish/ui/components/JobTitleInput.wrn
new file mode 100644
index 00000000..a62fc7f9
--- /dev/null
+++ b/.publish/ui/components/JobTitleInput.wrn
@@ -0,0 +1,16 @@
+component JobTitleInput {
+  props {
+    label = "JobTitle" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/JsonInput.wrn b/.publish/ui/components/JsonInput.wrn
new file mode 100644
index 00000000..1704cb10
--- /dev/null
+++ b/.publish/ui/components/JsonInput.wrn
@@ -0,0 +1,16 @@
+component JsonInput {
+  props {
+    label = "Json" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/JsonViewer.wrn b/.publish/ui/components/JsonViewer.wrn
new file mode 100644
index 00000000..98bcd0db
--- /dev/null
+++ b/.publish/ui/components/JsonViewer.wrn
@@ -0,0 +1,13 @@
+component JsonViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/KeyValueTable.wrn b/.publish/ui/components/KeyValueTable.wrn
new file mode 100644
index 00000000..45cc2602
--- /dev/null
+++ b/.publish/ui/components/KeyValueTable.wrn
@@ -0,0 +1,10 @@
+component KeyValueTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/KycDocumentUpload.wrn b/.publish/ui/components/KycDocumentUpload.wrn
new file mode 100644
index 00000000..ecda9424
--- /dev/null
+++ b/.publish/ui/components/KycDocumentUpload.wrn
@@ -0,0 +1,13 @@
+component KycDocumentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LanguageSelector.wrn b/.publish/ui/components/LanguageSelector.wrn
new file mode 100644
index 00000000..14254483
--- /dev/null
+++ b/.publish/ui/components/LanguageSelector.wrn
@@ -0,0 +1,16 @@
+component LanguageSelector {
+  props {
+    label = "Language" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LanguageSwitcher.wrn b/.publish/ui/components/LanguageSwitcher.wrn
new file mode 100644
index 00000000..5b0599d8
--- /dev/null
+++ b/.publish/ui/components/LanguageSwitcher.wrn
@@ -0,0 +1,13 @@
+component LanguageSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LastNameInput.wrn b/.publish/ui/components/LastNameInput.wrn
new file mode 100644
index 00000000..e135bdfe
--- /dev/null
+++ b/.publish/ui/components/LastNameInput.wrn
@@ -0,0 +1,16 @@
+component LastNameInput {
+  props {
+    label = "LastName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LatencyMetric.wrn b/.publish/ui/components/LatencyMetric.wrn
new file mode 100644
index 00000000..c2de3220
--- /dev/null
+++ b/.publish/ui/components/LatencyMetric.wrn
@@ -0,0 +1,11 @@
+component LatencyMetric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/LatitudeInput.wrn b/.publish/ui/components/LatitudeInput.wrn
new file mode 100644
index 00000000..d948428e
--- /dev/null
+++ b/.publish/ui/components/LatitudeInput.wrn
@@ -0,0 +1,16 @@
+component LatitudeInput {
+  props {
+    label = "Latitude" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LeadershipGrid.wrn b/.publish/ui/components/LeadershipGrid.wrn
new file mode 100644
index 00000000..8bba82c8
--- /dev/null
+++ b/.publish/ui/components/LeadershipGrid.wrn
@@ -0,0 +1,10 @@
+component LeadershipGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/LegalAcceptanceNotice.wrn b/.publish/ui/components/LegalAcceptanceNotice.wrn
new file mode 100644
index 00000000..61d65317
--- /dev/null
+++ b/.publish/ui/components/LegalAcceptanceNotice.wrn
@@ -0,0 +1,11 @@
+component LegalAcceptanceNotice {
+  props {
+    label = "LegalAcceptance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/LegalBulletList.wrn b/.publish/ui/components/LegalBulletList.wrn
new file mode 100644
index 00000000..39fafdcd
--- /dev/null
+++ b/.publish/ui/components/LegalBulletList.wrn
@@ -0,0 +1,10 @@
+component LegalBulletList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/LegalContactBlock.wrn b/.publish/ui/components/LegalContactBlock.wrn
new file mode 100644
index 00000000..a525ebf0
--- /dev/null
+++ b/.publish/ui/components/LegalContactBlock.wrn
@@ -0,0 +1,13 @@
+component LegalContactBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LegalDefinitionList.wrn b/.publish/ui/components/LegalDefinitionList.wrn
new file mode 100644
index 00000000..6dd2e8b7
--- /dev/null
+++ b/.publish/ui/components/LegalDefinitionList.wrn
@@ -0,0 +1,10 @@
+component LegalDefinitionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/LegalDocumentHeader.wrn b/.publish/ui/components/LegalDocumentHeader.wrn
new file mode 100644
index 00000000..6fd50290
--- /dev/null
+++ b/.publish/ui/components/LegalDocumentHeader.wrn
@@ -0,0 +1,10 @@
+component LegalDocumentHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/LegalHero.wrn b/.publish/ui/components/LegalHero.wrn
new file mode 100644
index 00000000..681b717c
--- /dev/null
+++ b/.publish/ui/components/LegalHero.wrn
@@ -0,0 +1,10 @@
+component LegalHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/LegalLanguageSelector.wrn b/.publish/ui/components/LegalLanguageSelector.wrn
new file mode 100644
index 00000000..179613ba
--- /dev/null
+++ b/.publish/ui/components/LegalLanguageSelector.wrn
@@ -0,0 +1,16 @@
+component LegalLanguageSelector {
+  props {
+    label = "LegalLanguage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LegalNotice.wrn b/.publish/ui/components/LegalNotice.wrn
new file mode 100644
index 00000000..b17aa543
--- /dev/null
+++ b/.publish/ui/components/LegalNotice.wrn
@@ -0,0 +1,11 @@
+component LegalNotice {
+  props {
+    label = "Legal" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/LegalPrintButton.wrn b/.publish/ui/components/LegalPrintButton.wrn
new file mode 100644
index 00000000..3ffb72c7
--- /dev/null
+++ b/.publish/ui/components/LegalPrintButton.wrn
@@ -0,0 +1,11 @@
+component LegalPrintButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/LegalRegionSelector.wrn b/.publish/ui/components/LegalRegionSelector.wrn
new file mode 100644
index 00000000..6df40e59
--- /dev/null
+++ b/.publish/ui/components/LegalRegionSelector.wrn
@@ -0,0 +1,16 @@
+component LegalRegionSelector {
+  props {
+    label = "LegalRegion" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LegalSection.wrn b/.publish/ui/components/LegalSection.wrn
new file mode 100644
index 00000000..a5805825
--- /dev/null
+++ b/.publish/ui/components/LegalSection.wrn
@@ -0,0 +1,10 @@
+component LegalSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/LegalSummary.wrn b/.publish/ui/components/LegalSummary.wrn
new file mode 100644
index 00000000..24b6a3ef
--- /dev/null
+++ b/.publish/ui/components/LegalSummary.wrn
@@ -0,0 +1,13 @@
+component LegalSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LegalTable.wrn b/.publish/ui/components/LegalTable.wrn
new file mode 100644
index 00000000..c9555b0e
--- /dev/null
+++ b/.publish/ui/components/LegalTable.wrn
@@ -0,0 +1,10 @@
+component LegalTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/LegalVersionBadge.wrn b/.publish/ui/components/LegalVersionBadge.wrn
new file mode 100644
index 00000000..bb998c00
--- /dev/null
+++ b/.publish/ui/components/LegalVersionBadge.wrn
@@ -0,0 +1,11 @@
+component LegalVersionBadge {
+  props {
+    label = "LegalVersion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/LetterSpacingPicker.wrn b/.publish/ui/components/LetterSpacingPicker.wrn
new file mode 100644
index 00000000..f2a12de8
--- /dev/null
+++ b/.publish/ui/components/LetterSpacingPicker.wrn
@@ -0,0 +1,16 @@
+component LetterSpacingPicker {
+  props {
+    label = "LetterSpacing" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LicenseKeyInput.wrn b/.publish/ui/components/LicenseKeyInput.wrn
new file mode 100644
index 00000000..627fe080
--- /dev/null
+++ b/.publish/ui/components/LicenseKeyInput.wrn
@@ -0,0 +1,16 @@
+component LicenseKeyInput {
+  props {
+    label = "LicenseKey" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Lightbox.wrn b/.publish/ui/components/Lightbox.wrn
new file mode 100644
index 00000000..bbfcfe80
--- /dev/null
+++ b/.publish/ui/components/Lightbox.wrn
@@ -0,0 +1,10 @@
+component Lightbox {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/LineChart.wrn b/.publish/ui/components/LineChart.wrn
new file mode 100644
index 00000000..99ab8236
--- /dev/null
+++ b/.publish/ui/components/LineChart.wrn
@@ -0,0 +1,11 @@
+component LineChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/LineHeightPicker.wrn b/.publish/ui/components/LineHeightPicker.wrn
new file mode 100644
index 00000000..0dbfa67b
--- /dev/null
+++ b/.publish/ui/components/LineHeightPicker.wrn
@@ -0,0 +1,16 @@
+component LineHeightPicker {
+  props {
+    label = "LineHeight" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/List.wrn b/.publish/ui/components/List.wrn
new file mode 100644
index 00000000..a0f7f535
--- /dev/null
+++ b/.publish/ui/components/List.wrn
@@ -0,0 +1,10 @@
+component List {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/LocaleSelector.wrn b/.publish/ui/components/LocaleSelector.wrn
new file mode 100644
index 00000000..5c5abad5
--- /dev/null
+++ b/.publish/ui/components/LocaleSelector.wrn
@@ -0,0 +1,16 @@
+component LocaleSelector {
+  props {
+    label = "Locale" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LocalizedRouteLink.wrn b/.publish/ui/components/LocalizedRouteLink.wrn
new file mode 100644
index 00000000..d35e8944
--- /dev/null
+++ b/.publish/ui/components/LocalizedRouteLink.wrn
@@ -0,0 +1,11 @@
+component LocalizedRouteLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/LocationPicker.wrn b/.publish/ui/components/LocationPicker.wrn
new file mode 100644
index 00000000..0c4d4c8d
--- /dev/null
+++ b/.publish/ui/components/LocationPicker.wrn
@@ -0,0 +1,16 @@
+component LocationPicker {
+  props {
+    label = "Location" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/LogTable.wrn b/.publish/ui/components/LogTable.wrn
new file mode 100644
index 00000000..afe95b0f
--- /dev/null
+++ b/.publish/ui/components/LogTable.wrn
@@ -0,0 +1,10 @@
+component LogTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/Logo.wrn b/.publish/ui/components/Logo.wrn
new file mode 100644
index 00000000..72a2c027
--- /dev/null
+++ b/.publish/ui/components/Logo.wrn
@@ -0,0 +1,13 @@
+component Logo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LogoUpload.wrn b/.publish/ui/components/LogoUpload.wrn
new file mode 100644
index 00000000..3926d10b
--- /dev/null
+++ b/.publish/ui/components/LogoUpload.wrn
@@ -0,0 +1,13 @@
+component LogoUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/LogoutDialog.wrn b/.publish/ui/components/LogoutDialog.wrn
new file mode 100644
index 00000000..1e646bda
--- /dev/null
+++ b/.publish/ui/components/LogoutDialog.wrn
@@ -0,0 +1,10 @@
+component LogoutDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/LongitudeInput.wrn b/.publish/ui/components/LongitudeInput.wrn
new file mode 100644
index 00000000..b4bb7af1
--- /dev/null
+++ b/.publish/ui/components/LongitudeInput.wrn
@@ -0,0 +1,16 @@
+component LongitudeInput {
+  props {
+    label = "Longitude" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MaintenanceAlert.wrn b/.publish/ui/components/MaintenanceAlert.wrn
new file mode 100644
index 00000000..56576733
--- /dev/null
+++ b/.publish/ui/components/MaintenanceAlert.wrn
@@ -0,0 +1,11 @@
+component MaintenanceAlert {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/MaintenanceBanner.wrn b/.publish/ui/components/MaintenanceBanner.wrn
new file mode 100644
index 00000000..713542a8
--- /dev/null
+++ b/.publish/ui/components/MaintenanceBanner.wrn
@@ -0,0 +1,11 @@
+component MaintenanceBanner {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/MaintenanceCard.wrn b/.publish/ui/components/MaintenanceCard.wrn
new file mode 100644
index 00000000..a059041a
--- /dev/null
+++ b/.publish/ui/components/MaintenanceCard.wrn
@@ -0,0 +1,13 @@
+component MaintenanceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MaintenancePage.wrn b/.publish/ui/components/MaintenancePage.wrn
new file mode 100644
index 00000000..187824fb
--- /dev/null
+++ b/.publish/ui/components/MaintenancePage.wrn
@@ -0,0 +1,13 @@
+component MaintenancePage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MaintenanceState.wrn b/.publish/ui/components/MaintenanceState.wrn
new file mode 100644
index 00000000..c11b6750
--- /dev/null
+++ b/.publish/ui/components/MaintenanceState.wrn
@@ -0,0 +1,11 @@
+component MaintenanceState {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/MaintenanceWindowPicker.wrn b/.publish/ui/components/MaintenanceWindowPicker.wrn
new file mode 100644
index 00000000..45e34f63
--- /dev/null
+++ b/.publish/ui/components/MaintenanceWindowPicker.wrn
@@ -0,0 +1,16 @@
+component MaintenanceWindowPicker {
+  props {
+    label = "MaintenanceWindow" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MapPicker.wrn b/.publish/ui/components/MapPicker.wrn
new file mode 100644
index 00000000..7d875a93
--- /dev/null
+++ b/.publish/ui/components/MapPicker.wrn
@@ -0,0 +1,16 @@
+component MapPicker {
+  props {
+    label = "Map" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MarkdownEditor.wrn b/.publish/ui/components/MarkdownEditor.wrn
new file mode 100644
index 00000000..61238a94
--- /dev/null
+++ b/.publish/ui/components/MarkdownEditor.wrn
@@ -0,0 +1,16 @@
+component MarkdownEditor {
+  props {
+    label = "Markdown" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MarketingSectionHeader.wrn b/.publish/ui/components/MarketingSectionHeader.wrn
new file mode 100644
index 00000000..2af47e80
--- /dev/null
+++ b/.publish/ui/components/MarketingSectionHeader.wrn
@@ -0,0 +1,10 @@
+component MarketingSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/MaskedSecretField.wrn b/.publish/ui/components/MaskedSecretField.wrn
new file mode 100644
index 00000000..f2860e6d
--- /dev/null
+++ b/.publish/ui/components/MaskedSecretField.wrn
@@ -0,0 +1,16 @@
+component MaskedSecretField {
+  props {
+    label = "MaskedSecret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MemberList.wrn b/.publish/ui/components/MemberList.wrn
new file mode 100644
index 00000000..9907389f
--- /dev/null
+++ b/.publish/ui/components/MemberList.wrn
@@ -0,0 +1,10 @@
+component MemberList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/MentionInput.wrn b/.publish/ui/components/MentionInput.wrn
new file mode 100644
index 00000000..8fd40583
--- /dev/null
+++ b/.publish/ui/components/MentionInput.wrn
@@ -0,0 +1,16 @@
+component MentionInput {
+  props {
+    label = "Mention" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MessageCharacterCounter.wrn b/.publish/ui/components/MessageCharacterCounter.wrn
new file mode 100644
index 00000000..30bbfdfb
--- /dev/null
+++ b/.publish/ui/components/MessageCharacterCounter.wrn
@@ -0,0 +1,11 @@
+component MessageCharacterCounter {
+  props {
+    label = "MessageCharacter" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/MessageComposer.wrn b/.publish/ui/components/MessageComposer.wrn
new file mode 100644
index 00000000..641f447c
--- /dev/null
+++ b/.publish/ui/components/MessageComposer.wrn
@@ -0,0 +1,13 @@
+component MessageComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MessageComposerPreview.wrn b/.publish/ui/components/MessageComposerPreview.wrn
new file mode 100644
index 00000000..1fa56c8f
--- /dev/null
+++ b/.publish/ui/components/MessageComposerPreview.wrn
@@ -0,0 +1,13 @@
+component MessageComposerPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MessageLimitInput.wrn b/.publish/ui/components/MessageLimitInput.wrn
new file mode 100644
index 00000000..06f7ee45
--- /dev/null
+++ b/.publish/ui/components/MessageLimitInput.wrn
@@ -0,0 +1,16 @@
+component MessageLimitInput {
+  props {
+    label = "MessageLimit" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MessagePreview.wrn b/.publish/ui/components/MessagePreview.wrn
new file mode 100644
index 00000000..47cafcf9
--- /dev/null
+++ b/.publish/ui/components/MessagePreview.wrn
@@ -0,0 +1,13 @@
+component MessagePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MessageVolumeSlider.wrn b/.publish/ui/components/MessageVolumeSlider.wrn
new file mode 100644
index 00000000..bd9f3a4a
--- /dev/null
+++ b/.publish/ui/components/MessageVolumeSlider.wrn
@@ -0,0 +1,13 @@
+component MessageVolumeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/Metric.wrn b/.publish/ui/components/Metric.wrn
new file mode 100644
index 00000000..682abc2a
--- /dev/null
+++ b/.publish/ui/components/Metric.wrn
@@ -0,0 +1,11 @@
+component Metric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/MetricCard.wrn b/.publish/ui/components/MetricCard.wrn
new file mode 100644
index 00000000..dc9f82a6
--- /dev/null
+++ b/.publish/ui/components/MetricCard.wrn
@@ -0,0 +1,13 @@
+component MetricCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MinutePicker.wrn b/.publish/ui/components/MinutePicker.wrn
new file mode 100644
index 00000000..9aa01269
--- /dev/null
+++ b/.publish/ui/components/MinutePicker.wrn
@@ -0,0 +1,16 @@
+component MinutePicker {
+  props {
+    label = "Minute" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MissionSection.wrn b/.publish/ui/components/MissionSection.wrn
new file mode 100644
index 00000000..93694c92
--- /dev/null
+++ b/.publish/ui/components/MissionSection.wrn
@@ -0,0 +1,10 @@
+component MissionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/MobileDeviceFrame.wrn b/.publish/ui/components/MobileDeviceFrame.wrn
new file mode 100644
index 00000000..1529f41b
--- /dev/null
+++ b/.publish/ui/components/MobileDeviceFrame.wrn
@@ -0,0 +1,10 @@
+component MobileDeviceFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/MobileInput.wrn b/.publish/ui/components/MobileInput.wrn
new file mode 100644
index 00000000..69da0fce
--- /dev/null
+++ b/.publish/ui/components/MobileInput.wrn
@@ -0,0 +1,16 @@
+component MobileInput {
+  props {
+    label = "Mobile" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MobileMenuButton.wrn b/.publish/ui/components/MobileMenuButton.wrn
new file mode 100644
index 00000000..2ff988f4
--- /dev/null
+++ b/.publish/ui/components/MobileMenuButton.wrn
@@ -0,0 +1,11 @@
+component MobileMenuButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/MobileTableCard.wrn b/.publish/ui/components/MobileTableCard.wrn
new file mode 100644
index 00000000..877aff18
--- /dev/null
+++ b/.publish/ui/components/MobileTableCard.wrn
@@ -0,0 +1,13 @@
+component MobileTableCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MonthPicker.wrn b/.publish/ui/components/MonthPicker.wrn
new file mode 100644
index 00000000..b4da50d4
--- /dev/null
+++ b/.publish/ui/components/MonthPicker.wrn
@@ -0,0 +1,16 @@
+component MonthPicker {
+  props {
+    label = "Month" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MonthYearPicker.wrn b/.publish/ui/components/MonthYearPicker.wrn
new file mode 100644
index 00000000..489589bc
--- /dev/null
+++ b/.publish/ui/components/MonthYearPicker.wrn
@@ -0,0 +1,16 @@
+component MonthYearPicker {
+  props {
+    label = "MonthYear" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MonthlyVolumeSelector.wrn b/.publish/ui/components/MonthlyVolumeSelector.wrn
new file mode 100644
index 00000000..7ae5cc79
--- /dev/null
+++ b/.publish/ui/components/MonthlyVolumeSelector.wrn
@@ -0,0 +1,16 @@
+component MonthlyVolumeSelector {
+  props {
+    label = "MonthlyVolume" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/MultiFileUpload.wrn b/.publish/ui/components/MultiFileUpload.wrn
new file mode 100644
index 00000000..02757e41
--- /dev/null
+++ b/.publish/ui/components/MultiFileUpload.wrn
@@ -0,0 +1,13 @@
+component MultiFileUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/MultipleEmailInput.wrn b/.publish/ui/components/MultipleEmailInput.wrn
new file mode 100644
index 00000000..e2492037
--- /dev/null
+++ b/.publish/ui/components/MultipleEmailInput.wrn
@@ -0,0 +1,16 @@
+component MultipleEmailInput {
+  props {
+    label = "MultipleEmail" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/NameInput.wrn b/.publish/ui/components/NameInput.wrn
new file mode 100644
index 00000000..303da4b9
--- /dev/null
+++ b/.publish/ui/components/NameInput.wrn
@@ -0,0 +1,16 @@
+component NameInput {
+  props {
+    label = "Name" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Navigation.wrn b/.publish/ui/components/Navigation.wrn
new file mode 100644
index 00000000..b27bae5c
--- /dev/null
+++ b/.publish/ui/components/Navigation.wrn
@@ -0,0 +1,10 @@
+component Navigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/NavigationItem.wrn b/.publish/ui/components/NavigationItem.wrn
new file mode 100644
index 00000000..f2ea7812
--- /dev/null
+++ b/.publish/ui/components/NavigationItem.wrn
@@ -0,0 +1,13 @@
+component NavigationItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/NavigationMegaMenu.wrn b/.publish/ui/components/NavigationMegaMenu.wrn
new file mode 100644
index 00000000..cc27ba3d
--- /dev/null
+++ b/.publish/ui/components/NavigationMegaMenu.wrn
@@ -0,0 +1,10 @@
+component NavigationMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/NewPasswordInput.wrn b/.publish/ui/components/NewPasswordInput.wrn
new file mode 100644
index 00000000..0c5897dc
--- /dev/null
+++ b/.publish/ui/components/NewPasswordInput.wrn
@@ -0,0 +1,16 @@
+component NewPasswordInput {
+  props {
+    label = "NewPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/NewsletterCTA.wrn b/.publish/ui/components/NewsletterCTA.wrn
new file mode 100644
index 00000000..67159e1b
--- /dev/null
+++ b/.publish/ui/components/NewsletterCTA.wrn
@@ -0,0 +1,11 @@
+component NewsletterCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/NewsletterForm.wrn b/.publish/ui/components/NewsletterForm.wrn
new file mode 100644
index 00000000..1ed569a9
--- /dev/null
+++ b/.publish/ui/components/NewsletterForm.wrn
@@ -0,0 +1,13 @@
+component NewsletterForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/NoResultsState.wrn b/.publish/ui/components/NoResultsState.wrn
new file mode 100644
index 00000000..7784dc5c
--- /dev/null
+++ b/.publish/ui/components/NoResultsState.wrn
@@ -0,0 +1,11 @@
+component NoResultsState {
+  props {
+    label = "NoResults" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/NotFoundPage.wrn b/.publish/ui/components/NotFoundPage.wrn
new file mode 100644
index 00000000..8ee30ab4
--- /dev/null
+++ b/.publish/ui/components/NotFoundPage.wrn
@@ -0,0 +1,13 @@
+component NotFoundPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/NotFoundState.wrn b/.publish/ui/components/NotFoundState.wrn
new file mode 100644
index 00000000..987fd40b
--- /dev/null
+++ b/.publish/ui/components/NotFoundState.wrn
@@ -0,0 +1,11 @@
+component NotFoundState {
+  props {
+    label = "NotFound" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/NotificationList.wrn b/.publish/ui/components/NotificationList.wrn
new file mode 100644
index 00000000..367c44e6
--- /dev/null
+++ b/.publish/ui/components/NotificationList.wrn
@@ -0,0 +1,10 @@
+component NotificationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/OfficeCard.wrn b/.publish/ui/components/OfficeCard.wrn
new file mode 100644
index 00000000..f99cfbbd
--- /dev/null
+++ b/.publish/ui/components/OfficeCard.wrn
@@ -0,0 +1,13 @@
+component OfficeCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/OfflinePage.wrn b/.publish/ui/components/OfflinePage.wrn
new file mode 100644
index 00000000..2843fc2f
--- /dev/null
+++ b/.publish/ui/components/OfflinePage.wrn
@@ -0,0 +1,13 @@
+component OfflinePage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/OfflineState.wrn b/.publish/ui/components/OfflineState.wrn
new file mode 100644
index 00000000..089101e9
--- /dev/null
+++ b/.publish/ui/components/OfflineState.wrn
@@ -0,0 +1,11 @@
+component OfflineState {
+  props {
+    label = "Offline" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/OnboardingProgress.wrn b/.publish/ui/components/OnboardingProgress.wrn
new file mode 100644
index 00000000..28f8ff96
--- /dev/null
+++ b/.publish/ui/components/OnboardingProgress.wrn
@@ -0,0 +1,11 @@
+component OnboardingProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/OneTimeSecretDisplay.wrn b/.publish/ui/components/OneTimeSecretDisplay.wrn
new file mode 100644
index 00000000..b29bbe12
--- /dev/null
+++ b/.publish/ui/components/OneTimeSecretDisplay.wrn
@@ -0,0 +1,13 @@
+component OneTimeSecretDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/OpacitySlider.wrn b/.publish/ui/components/OpacitySlider.wrn
new file mode 100644
index 00000000..254b8368
--- /dev/null
+++ b/.publish/ui/components/OpacitySlider.wrn
@@ -0,0 +1,13 @@
+component OpacitySlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/OpenAPICTA.wrn b/.publish/ui/components/OpenAPICTA.wrn
new file mode 100644
index 00000000..2ad977f9
--- /dev/null
+++ b/.publish/ui/components/OpenAPICTA.wrn
@@ -0,0 +1,11 @@
+component OpenAPICTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/OptionalIndicator.wrn b/.publish/ui/components/OptionalIndicator.wrn
new file mode 100644
index 00000000..cd2820ed
--- /dev/null
+++ b/.publish/ui/components/OptionalIndicator.wrn
@@ -0,0 +1,11 @@
+component OptionalIndicator {
+  props {
+    label = "Optional" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/OrganizationSelector.wrn b/.publish/ui/components/OrganizationSelector.wrn
new file mode 100644
index 00000000..08a7d36e
--- /dev/null
+++ b/.publish/ui/components/OrganizationSelector.wrn
@@ -0,0 +1,16 @@
+component OrganizationSelector {
+  props {
+    label = "Organization" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/OtpVerificationForm.wrn b/.publish/ui/components/OtpVerificationForm.wrn
new file mode 100644
index 00000000..5d969440
--- /dev/null
+++ b/.publish/ui/components/OtpVerificationForm.wrn
@@ -0,0 +1,13 @@
+component OtpVerificationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PageAlert.wrn b/.publish/ui/components/PageAlert.wrn
new file mode 100644
index 00000000..b718b845
--- /dev/null
+++ b/.publish/ui/components/PageAlert.wrn
@@ -0,0 +1,11 @@
+component PageAlert {
+  props {
+    label = "Page" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/PageSkeleton.wrn b/.publish/ui/components/PageSkeleton.wrn
new file mode 100644
index 00000000..0c81d383
--- /dev/null
+++ b/.publish/ui/components/PageSkeleton.wrn
@@ -0,0 +1,11 @@
+component PageSkeleton {
+  props {
+    label = "Page" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/PartnerApplicationForm.wrn b/.publish/ui/components/PartnerApplicationForm.wrn
new file mode 100644
index 00000000..20c1ba63
--- /dev/null
+++ b/.publish/ui/components/PartnerApplicationForm.wrn
@@ -0,0 +1,13 @@
+component PartnerApplicationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PartnerLogoGrid.wrn b/.publish/ui/components/PartnerLogoGrid.wrn
new file mode 100644
index 00000000..5cabc551
--- /dev/null
+++ b/.publish/ui/components/PartnerLogoGrid.wrn
@@ -0,0 +1,10 @@
+component PartnerLogoGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PartnerProgramCard.wrn b/.publish/ui/components/PartnerProgramCard.wrn
new file mode 100644
index 00000000..4615780b
--- /dev/null
+++ b/.publish/ui/components/PartnerProgramCard.wrn
@@ -0,0 +1,13 @@
+component PartnerProgramCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PasskeyButton.wrn b/.publish/ui/components/PasskeyButton.wrn
new file mode 100644
index 00000000..2f67bdd2
--- /dev/null
+++ b/.publish/ui/components/PasskeyButton.wrn
@@ -0,0 +1,11 @@
+component PasskeyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/PasswordRequirementList.wrn b/.publish/ui/components/PasswordRequirementList.wrn
new file mode 100644
index 00000000..e72b7263
--- /dev/null
+++ b/.publish/ui/components/PasswordRequirementList.wrn
@@ -0,0 +1,10 @@
+component PasswordRequirementList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PasswordStrengthMeter.wrn b/.publish/ui/components/PasswordStrengthMeter.wrn
new file mode 100644
index 00000000..faa2dd88
--- /dev/null
+++ b/.publish/ui/components/PasswordStrengthMeter.wrn
@@ -0,0 +1,11 @@
+component PasswordStrengthMeter {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/PasswordVisibilityToggle.wrn b/.publish/ui/components/PasswordVisibilityToggle.wrn
new file mode 100644
index 00000000..d277ecc6
--- /dev/null
+++ b/.publish/ui/components/PasswordVisibilityToggle.wrn
@@ -0,0 +1,16 @@
+component PasswordVisibilityToggle {
+  props {
+    label = "PasswordVisibility" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PathInput.wrn b/.publish/ui/components/PathInput.wrn
new file mode 100644
index 00000000..55b9cc51
--- /dev/null
+++ b/.publish/ui/components/PathInput.wrn
@@ -0,0 +1,16 @@
+component PathInput {
+  props {
+    label = "Path" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PaymentMethodCard.wrn b/.publish/ui/components/PaymentMethodCard.wrn
new file mode 100644
index 00000000..b22f7274
--- /dev/null
+++ b/.publish/ui/components/PaymentMethodCard.wrn
@@ -0,0 +1,13 @@
+component PaymentMethodCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PdfPreview.wrn b/.publish/ui/components/PdfPreview.wrn
new file mode 100644
index 00000000..6b4e805b
--- /dev/null
+++ b/.publish/ui/components/PdfPreview.wrn
@@ -0,0 +1,13 @@
+component PdfPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PercentageInput.wrn b/.publish/ui/components/PercentageInput.wrn
new file mode 100644
index 00000000..f79303a4
--- /dev/null
+++ b/.publish/ui/components/PercentageInput.wrn
@@ -0,0 +1,16 @@
+component PercentageInput {
+  props {
+    label = "Percentage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PermissionSelector.wrn b/.publish/ui/components/PermissionSelector.wrn
new file mode 100644
index 00000000..59edfecd
--- /dev/null
+++ b/.publish/ui/components/PermissionSelector.wrn
@@ -0,0 +1,16 @@
+component PermissionSelector {
+  props {
+    label = "Permission" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PieChart.wrn b/.publish/ui/components/PieChart.wrn
new file mode 100644
index 00000000..6de1332e
--- /dev/null
+++ b/.publish/ui/components/PieChart.wrn
@@ -0,0 +1,11 @@
+component PieChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/PinInput.wrn b/.publish/ui/components/PinInput.wrn
new file mode 100644
index 00000000..840245cf
--- /dev/null
+++ b/.publish/ui/components/PinInput.wrn
@@ -0,0 +1,16 @@
+component PinInput {
+  props {
+    label = "Pin" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PlainTextEditor.wrn b/.publish/ui/components/PlainTextEditor.wrn
new file mode 100644
index 00000000..c5145146
--- /dev/null
+++ b/.publish/ui/components/PlainTextEditor.wrn
@@ -0,0 +1,16 @@
+component PlainTextEditor {
+  props {
+    label = "PlainText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PlanCTA.wrn b/.publish/ui/components/PlanCTA.wrn
new file mode 100644
index 00000000..a70b9335
--- /dev/null
+++ b/.publish/ui/components/PlanCTA.wrn
@@ -0,0 +1,11 @@
+component PlanCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/PlanFeatureList.wrn b/.publish/ui/components/PlanFeatureList.wrn
new file mode 100644
index 00000000..78503873
--- /dev/null
+++ b/.publish/ui/components/PlanFeatureList.wrn
@@ -0,0 +1,10 @@
+component PlanFeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PlanLimitList.wrn b/.publish/ui/components/PlanLimitList.wrn
new file mode 100644
index 00000000..ac92bcdb
--- /dev/null
+++ b/.publish/ui/components/PlanLimitList.wrn
@@ -0,0 +1,10 @@
+component PlanLimitList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PlanSelector.wrn b/.publish/ui/components/PlanSelector.wrn
new file mode 100644
index 00000000..b5d9a5c3
--- /dev/null
+++ b/.publish/ui/components/PlanSelector.wrn
@@ -0,0 +1,16 @@
+component PlanSelector {
+  props {
+    label = "Plan" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PlatformPillarCard.wrn b/.publish/ui/components/PlatformPillarCard.wrn
new file mode 100644
index 00000000..b3b45988
--- /dev/null
+++ b/.publish/ui/components/PlatformPillarCard.wrn
@@ -0,0 +1,13 @@
+component PlatformPillarCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PolicyVersionTable.wrn b/.publish/ui/components/PolicyVersionTable.wrn
new file mode 100644
index 00000000..93a5c26b
--- /dev/null
+++ b/.publish/ui/components/PolicyVersionTable.wrn
@@ -0,0 +1,10 @@
+component PolicyVersionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/Popover.wrn b/.publish/ui/components/Popover.wrn
new file mode 100644
index 00000000..d5635325
--- /dev/null
+++ b/.publish/ui/components/Popover.wrn
@@ -0,0 +1,10 @@
+component Popover {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/PortInput.wrn b/.publish/ui/components/PortInput.wrn
new file mode 100644
index 00000000..84e0fdc4
--- /dev/null
+++ b/.publish/ui/components/PortInput.wrn
@@ -0,0 +1,16 @@
+component PortInput {
+  props {
+    label = "Port" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PortNumberInput.wrn b/.publish/ui/components/PortNumberInput.wrn
new file mode 100644
index 00000000..b98d33fd
--- /dev/null
+++ b/.publish/ui/components/PortNumberInput.wrn
@@ -0,0 +1,16 @@
+component PortNumberInput {
+  props {
+    label = "PortNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PositiveNumberInput.wrn b/.publish/ui/components/PositiveNumberInput.wrn
new file mode 100644
index 00000000..88328358
--- /dev/null
+++ b/.publish/ui/components/PositiveNumberInput.wrn
@@ -0,0 +1,16 @@
+component PositiveNumberInput {
+  props {
+    label = "PositiveNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PostalCodeInput.wrn b/.publish/ui/components/PostalCodeInput.wrn
new file mode 100644
index 00000000..19ae096c
--- /dev/null
+++ b/.publish/ui/components/PostalCodeInput.wrn
@@ -0,0 +1,16 @@
+component PostalCodeInput {
+  props {
+    label = "PostalCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PostmanCTA.wrn b/.publish/ui/components/PostmanCTA.wrn
new file mode 100644
index 00000000..27b3d6aa
--- /dev/null
+++ b/.publish/ui/components/PostmanCTA.wrn
@@ -0,0 +1,11 @@
+component PostmanCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/PresetDateRangePicker.wrn b/.publish/ui/components/PresetDateRangePicker.wrn
new file mode 100644
index 00000000..61ec3bdb
--- /dev/null
+++ b/.publish/ui/components/PresetDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component PresetDateRangePicker {
+  props {
+    label = "PresetDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PressReleaseCard.wrn b/.publish/ui/components/PressReleaseCard.wrn
new file mode 100644
index 00000000..ce5b91ac
--- /dev/null
+++ b/.publish/ui/components/PressReleaseCard.wrn
@@ -0,0 +1,13 @@
+component PressReleaseCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PreviousNextNavigation.wrn b/.publish/ui/components/PreviousNextNavigation.wrn
new file mode 100644
index 00000000..7657873e
--- /dev/null
+++ b/.publish/ui/components/PreviousNextNavigation.wrn
@@ -0,0 +1,10 @@
+component PreviousNextNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/PriceInput.wrn b/.publish/ui/components/PriceInput.wrn
new file mode 100644
index 00000000..e72461ca
--- /dev/null
+++ b/.publish/ui/components/PriceInput.wrn
@@ -0,0 +1,16 @@
+component PriceInput {
+  props {
+    label = "Price" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PriceRangeSlider.wrn b/.publish/ui/components/PriceRangeSlider.wrn
new file mode 100644
index 00000000..98237bf5
--- /dev/null
+++ b/.publish/ui/components/PriceRangeSlider.wrn
@@ -0,0 +1,13 @@
+component PriceRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PricingCard.wrn b/.publish/ui/components/PricingCard.wrn
new file mode 100644
index 00000000..4577cd45
--- /dev/null
+++ b/.publish/ui/components/PricingCard.wrn
@@ -0,0 +1,13 @@
+component PricingCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PricingContactForm.wrn b/.publish/ui/components/PricingContactForm.wrn
new file mode 100644
index 00000000..f54e6e1e
--- /dev/null
+++ b/.publish/ui/components/PricingContactForm.wrn
@@ -0,0 +1,13 @@
+component PricingContactForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PricingFeatureGroup.wrn b/.publish/ui/components/PricingFeatureGroup.wrn
new file mode 100644
index 00000000..52de07b8
--- /dev/null
+++ b/.publish/ui/components/PricingFeatureGroup.wrn
@@ -0,0 +1,16 @@
+component PricingFeatureGroup {
+  props {
+    label = "PricingFeature" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PricingGrid.wrn b/.publish/ui/components/PricingGrid.wrn
new file mode 100644
index 00000000..fc5d830d
--- /dev/null
+++ b/.publish/ui/components/PricingGrid.wrn
@@ -0,0 +1,10 @@
+component PricingGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PricingHero.wrn b/.publish/ui/components/PricingHero.wrn
new file mode 100644
index 00000000..2abd536a
--- /dev/null
+++ b/.publish/ui/components/PricingHero.wrn
@@ -0,0 +1,10 @@
+component PricingHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/PricingTable.wrn b/.publish/ui/components/PricingTable.wrn
new file mode 100644
index 00000000..73806601
--- /dev/null
+++ b/.publish/ui/components/PricingTable.wrn
@@ -0,0 +1,10 @@
+component PricingTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/PricingToggle.wrn b/.publish/ui/components/PricingToggle.wrn
new file mode 100644
index 00000000..646322a5
--- /dev/null
+++ b/.publish/ui/components/PricingToggle.wrn
@@ -0,0 +1,16 @@
+component PricingToggle {
+  props {
+    label = "Pricing" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PrintAction.wrn b/.publish/ui/components/PrintAction.wrn
new file mode 100644
index 00000000..3944cb54
--- /dev/null
+++ b/.publish/ui/components/PrintAction.wrn
@@ -0,0 +1,11 @@
+component PrintAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/PrintPolicyButton.wrn b/.publish/ui/components/PrintPolicyButton.wrn
new file mode 100644
index 00000000..06cb3b04
--- /dev/null
+++ b/.publish/ui/components/PrintPolicyButton.wrn
@@ -0,0 +1,11 @@
+component PrintPolicyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/PrioritySelector.wrn b/.publish/ui/components/PrioritySelector.wrn
new file mode 100644
index 00000000..32dec11a
--- /dev/null
+++ b/.publish/ui/components/PrioritySelector.wrn
@@ -0,0 +1,16 @@
+component PrioritySelector {
+  props {
+    label = "Priority" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PrivacyNotice.wrn b/.publish/ui/components/PrivacyNotice.wrn
new file mode 100644
index 00000000..06a1da25
--- /dev/null
+++ b/.publish/ui/components/PrivacyNotice.wrn
@@ -0,0 +1,11 @@
+component PrivacyNotice {
+  props {
+    label = "Privacy" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ProductArchitectureDiagram.wrn b/.publish/ui/components/ProductArchitectureDiagram.wrn
new file mode 100644
index 00000000..f92ae1f7
--- /dev/null
+++ b/.publish/ui/components/ProductArchitectureDiagram.wrn
@@ -0,0 +1,11 @@
+component ProductArchitectureDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ProductCTA.wrn b/.publish/ui/components/ProductCTA.wrn
new file mode 100644
index 00000000..ca3b16fd
--- /dev/null
+++ b/.publish/ui/components/ProductCTA.wrn
@@ -0,0 +1,11 @@
+component ProductCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ProductCategorySection.wrn b/.publish/ui/components/ProductCategorySection.wrn
new file mode 100644
index 00000000..9e560449
--- /dev/null
+++ b/.publish/ui/components/ProductCategorySection.wrn
@@ -0,0 +1,10 @@
+component ProductCategorySection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ProductFeatureList.wrn b/.publish/ui/components/ProductFeatureList.wrn
new file mode 100644
index 00000000..e8216830
--- /dev/null
+++ b/.publish/ui/components/ProductFeatureList.wrn
@@ -0,0 +1,10 @@
+component ProductFeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ProductGrid.wrn b/.publish/ui/components/ProductGrid.wrn
new file mode 100644
index 00000000..1fd516c7
--- /dev/null
+++ b/.publish/ui/components/ProductGrid.wrn
@@ -0,0 +1,10 @@
+component ProductGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ProductHero.wrn b/.publish/ui/components/ProductHero.wrn
new file mode 100644
index 00000000..6577b74c
--- /dev/null
+++ b/.publish/ui/components/ProductHero.wrn
@@ -0,0 +1,10 @@
+component ProductHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ProductIcon.wrn b/.publish/ui/components/ProductIcon.wrn
new file mode 100644
index 00000000..fab9d96c
--- /dev/null
+++ b/.publish/ui/components/ProductIcon.wrn
@@ -0,0 +1,13 @@
+component ProductIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ProductIntegrationList.wrn b/.publish/ui/components/ProductIntegrationList.wrn
new file mode 100644
index 00000000..f919978e
--- /dev/null
+++ b/.publish/ui/components/ProductIntegrationList.wrn
@@ -0,0 +1,10 @@
+component ProductIntegrationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ProductList.wrn b/.publish/ui/components/ProductList.wrn
new file mode 100644
index 00000000..74c5bb0a
--- /dev/null
+++ b/.publish/ui/components/ProductList.wrn
@@ -0,0 +1,10 @@
+component ProductList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ProductLogo.wrn b/.publish/ui/components/ProductLogo.wrn
new file mode 100644
index 00000000..2b331577
--- /dev/null
+++ b/.publish/ui/components/ProductLogo.wrn
@@ -0,0 +1,13 @@
+component ProductLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ProductMiniCard.wrn b/.publish/ui/components/ProductMiniCard.wrn
new file mode 100644
index 00000000..c80c5724
--- /dev/null
+++ b/.publish/ui/components/ProductMiniCard.wrn
@@ -0,0 +1,13 @@
+component ProductMiniCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ProductNavigationCard.wrn b/.publish/ui/components/ProductNavigationCard.wrn
new file mode 100644
index 00000000..acf98501
--- /dev/null
+++ b/.publish/ui/components/ProductNavigationCard.wrn
@@ -0,0 +1,13 @@
+component ProductNavigationCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ProductSelector.wrn b/.publish/ui/components/ProductSelector.wrn
new file mode 100644
index 00000000..e12490a1
--- /dev/null
+++ b/.publish/ui/components/ProductSelector.wrn
@@ -0,0 +1,16 @@
+component ProductSelector {
+  props {
+    label = "Product" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ProductUseCaseList.wrn b/.publish/ui/components/ProductUseCaseList.wrn
new file mode 100644
index 00000000..215a02b6
--- /dev/null
+++ b/.publish/ui/components/ProductUseCaseList.wrn
@@ -0,0 +1,10 @@
+component ProductUseCaseList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ProgressChart.wrn b/.publish/ui/components/ProgressChart.wrn
new file mode 100644
index 00000000..f343dbc4
--- /dev/null
+++ b/.publish/ui/components/ProgressChart.wrn
@@ -0,0 +1,11 @@
+component ProgressChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ProgressRing.wrn b/.publish/ui/components/ProgressRing.wrn
new file mode 100644
index 00000000..73098122
--- /dev/null
+++ b/.publish/ui/components/ProgressRing.wrn
@@ -0,0 +1,11 @@
+component ProgressRing {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/ProgressSlider.wrn b/.publish/ui/components/ProgressSlider.wrn
new file mode 100644
index 00000000..a9dfcbcb
--- /dev/null
+++ b/.publish/ui/components/ProgressSlider.wrn
@@ -0,0 +1,13 @@
+component ProgressSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ProjectSelector.wrn b/.publish/ui/components/ProjectSelector.wrn
new file mode 100644
index 00000000..a8986575
--- /dev/null
+++ b/.publish/ui/components/ProjectSelector.wrn
@@ -0,0 +1,16 @@
+component ProjectSelector {
+  props {
+    label = "Project" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ProjectSwitcher.wrn b/.publish/ui/components/ProjectSwitcher.wrn
new file mode 100644
index 00000000..2253dbc2
--- /dev/null
+++ b/.publish/ui/components/ProjectSwitcher.wrn
@@ -0,0 +1,13 @@
+component ProjectSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PromoCodeInput.wrn b/.publish/ui/components/PromoCodeInput.wrn
new file mode 100644
index 00000000..c532dd24
--- /dev/null
+++ b/.publish/ui/components/PromoCodeInput.wrn
@@ -0,0 +1,16 @@
+component PromoCodeInput {
+  props {
+    label = "PromoCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PromptDialog.wrn b/.publish/ui/components/PromptDialog.wrn
new file mode 100644
index 00000000..849108bd
--- /dev/null
+++ b/.publish/ui/components/PromptDialog.wrn
@@ -0,0 +1,10 @@
+component PromptDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ProviderSelector.wrn b/.publish/ui/components/ProviderSelector.wrn
new file mode 100644
index 00000000..32822dbc
--- /dev/null
+++ b/.publish/ui/components/ProviderSelector.wrn
@@ -0,0 +1,16 @@
+component ProviderSelector {
+  props {
+    label = "Provider" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PublicHeaderLogo.wrn b/.publish/ui/components/PublicHeaderLogo.wrn
new file mode 100644
index 00000000..314ef363
--- /dev/null
+++ b/.publish/ui/components/PublicHeaderLogo.wrn
@@ -0,0 +1,13 @@
+component PublicHeaderLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PublicPageShell.wrn b/.publish/ui/components/PublicPageShell.wrn
new file mode 100644
index 00000000..b48ff921
--- /dev/null
+++ b/.publish/ui/components/PublicPageShell.wrn
@@ -0,0 +1,10 @@
+component PublicPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/PublishDateTimePicker.wrn b/.publish/ui/components/PublishDateTimePicker.wrn
new file mode 100644
index 00000000..1f5b9ea5
--- /dev/null
+++ b/.publish/ui/components/PublishDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component PublishDateTimePicker {
+  props {
+    label = "PublishDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/PushComposer.wrn b/.publish/ui/components/PushComposer.wrn
new file mode 100644
index 00000000..e3155e10
--- /dev/null
+++ b/.publish/ui/components/PushComposer.wrn
@@ -0,0 +1,13 @@
+component PushComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/PushNotificationEditor.wrn b/.publish/ui/components/PushNotificationEditor.wrn
new file mode 100644
index 00000000..c410e262
--- /dev/null
+++ b/.publish/ui/components/PushNotificationEditor.wrn
@@ -0,0 +1,16 @@
+component PushNotificationEditor {
+  props {
+    label = "PushNotification" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/QrCode.wrn b/.publish/ui/components/QrCode.wrn
new file mode 100644
index 00000000..03f7c772
--- /dev/null
+++ b/.publish/ui/components/QrCode.wrn
@@ -0,0 +1,13 @@
+component QrCode {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/QuantityInput.wrn b/.publish/ui/components/QuantityInput.wrn
new file mode 100644
index 00000000..5347a0f3
--- /dev/null
+++ b/.publish/ui/components/QuantityInput.wrn
@@ -0,0 +1,16 @@
+component QuantityInput {
+  props {
+    label = "Quantity" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/QuantityStepper.wrn b/.publish/ui/components/QuantityStepper.wrn
new file mode 100644
index 00000000..edda8783
--- /dev/null
+++ b/.publish/ui/components/QuantityStepper.wrn
@@ -0,0 +1,13 @@
+component QuantityStepper {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RangeInput.wrn b/.publish/ui/components/RangeInput.wrn
new file mode 100644
index 00000000..64fe87af
--- /dev/null
+++ b/.publish/ui/components/RangeInput.wrn
@@ -0,0 +1,16 @@
+component RangeInput {
+  props {
+    label = "Range" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RangeSlider.wrn b/.publish/ui/components/RangeSlider.wrn
new file mode 100644
index 00000000..35603684
--- /dev/null
+++ b/.publish/ui/components/RangeSlider.wrn
@@ -0,0 +1,13 @@
+component RangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RateLimitInput.wrn b/.publish/ui/components/RateLimitInput.wrn
new file mode 100644
index 00000000..71246e9a
--- /dev/null
+++ b/.publish/ui/components/RateLimitInput.wrn
@@ -0,0 +1,16 @@
+component RateLimitInput {
+  props {
+    label = "RateLimit" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RateLimitPage.wrn b/.publish/ui/components/RateLimitPage.wrn
new file mode 100644
index 00000000..a6c616cb
--- /dev/null
+++ b/.publish/ui/components/RateLimitPage.wrn
@@ -0,0 +1,13 @@
+component RateLimitPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RateLimitedState.wrn b/.publish/ui/components/RateLimitedState.wrn
new file mode 100644
index 00000000..29b72837
--- /dev/null
+++ b/.publish/ui/components/RateLimitedState.wrn
@@ -0,0 +1,11 @@
+component RateLimitedState {
+  props {
+    label = "RateLimited" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/RateTable.wrn b/.publish/ui/components/RateTable.wrn
new file mode 100644
index 00000000..1f5cc46f
--- /dev/null
+++ b/.publish/ui/components/RateTable.wrn
@@ -0,0 +1,10 @@
+component RateTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/RatingSlider.wrn b/.publish/ui/components/RatingSlider.wrn
new file mode 100644
index 00000000..c11d1244
--- /dev/null
+++ b/.publish/ui/components/RatingSlider.wrn
@@ -0,0 +1,13 @@
+component RatingSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RecipientSelector.wrn b/.publish/ui/components/RecipientSelector.wrn
new file mode 100644
index 00000000..648aad68
--- /dev/null
+++ b/.publish/ui/components/RecipientSelector.wrn
@@ -0,0 +1,16 @@
+component RecipientSelector {
+  props {
+    label = "Recipient" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RecoveryCodeForm.wrn b/.publish/ui/components/RecoveryCodeForm.wrn
new file mode 100644
index 00000000..6143ca51
--- /dev/null
+++ b/.publish/ui/components/RecoveryCodeForm.wrn
@@ -0,0 +1,13 @@
+component RecoveryCodeForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RecoveryCodeInput.wrn b/.publish/ui/components/RecoveryCodeInput.wrn
new file mode 100644
index 00000000..ebede31c
--- /dev/null
+++ b/.publish/ui/components/RecoveryCodeInput.wrn
@@ -0,0 +1,16 @@
+component RecoveryCodeInput {
+  props {
+    label = "RecoveryCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RecurrenceRuleBuilder.wrn b/.publish/ui/components/RecurrenceRuleBuilder.wrn
new file mode 100644
index 00000000..02b22531
--- /dev/null
+++ b/.publish/ui/components/RecurrenceRuleBuilder.wrn
@@ -0,0 +1,13 @@
+component RecurrenceRuleBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RedirectUriInput.wrn b/.publish/ui/components/RedirectUriInput.wrn
new file mode 100644
index 00000000..269fa2d1
--- /dev/null
+++ b/.publish/ui/components/RedirectUriInput.wrn
@@ -0,0 +1,16 @@
+component RedirectUriInput {
+  props {
+    label = "RedirectUri" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ReferenceInput.wrn b/.publish/ui/components/ReferenceInput.wrn
new file mode 100644
index 00000000..cacd74f0
--- /dev/null
+++ b/.publish/ui/components/ReferenceInput.wrn
@@ -0,0 +1,16 @@
+component ReferenceInput {
+  props {
+    label = "Reference" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RegexInput.wrn b/.publish/ui/components/RegexInput.wrn
new file mode 100644
index 00000000..c378e3b3
--- /dev/null
+++ b/.publish/ui/components/RegexInput.wrn
@@ -0,0 +1,16 @@
+component RegexInput {
+  props {
+    label = "Regex" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RegionAvailabilityTable.wrn b/.publish/ui/components/RegionAvailabilityTable.wrn
new file mode 100644
index 00000000..5064fb24
--- /dev/null
+++ b/.publish/ui/components/RegionAvailabilityTable.wrn
@@ -0,0 +1,10 @@
+component RegionAvailabilityTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/RegionSelector.wrn b/.publish/ui/components/RegionSelector.wrn
new file mode 100644
index 00000000..8612f1ad
--- /dev/null
+++ b/.publish/ui/components/RegionSelector.wrn
@@ -0,0 +1,16 @@
+component RegionSelector {
+  props {
+    label = "Region" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RegionUnavailableAlert.wrn b/.publish/ui/components/RegionUnavailableAlert.wrn
new file mode 100644
index 00000000..0c87af5f
--- /dev/null
+++ b/.publish/ui/components/RegionUnavailableAlert.wrn
@@ -0,0 +1,11 @@
+component RegionUnavailableAlert {
+  props {
+    label = "RegionUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/RegionUnavailableState.wrn b/.publish/ui/components/RegionUnavailableState.wrn
new file mode 100644
index 00000000..300c0c1f
--- /dev/null
+++ b/.publish/ui/components/RegionUnavailableState.wrn
@@ -0,0 +1,11 @@
+component RegionUnavailableState {
+  props {
+    label = "RegionUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/RegionalPrivacyBanner.wrn b/.publish/ui/components/RegionalPrivacyBanner.wrn
new file mode 100644
index 00000000..f5c732fd
--- /dev/null
+++ b/.publish/ui/components/RegionalPrivacyBanner.wrn
@@ -0,0 +1,11 @@
+component RegionalPrivacyBanner {
+  props {
+    label = "RegionalPrivacy" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/RejectOptionalCookiesButton.wrn b/.publish/ui/components/RejectOptionalCookiesButton.wrn
new file mode 100644
index 00000000..96481ae6
--- /dev/null
+++ b/.publish/ui/components/RejectOptionalCookiesButton.wrn
@@ -0,0 +1,11 @@
+component RejectOptionalCookiesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ReopenCookieSettingsButton.wrn b/.publish/ui/components/ReopenCookieSettingsButton.wrn
new file mode 100644
index 00000000..f7858ae3
--- /dev/null
+++ b/.publish/ui/components/ReopenCookieSettingsButton.wrn
@@ -0,0 +1,11 @@
+component ReopenCookieSettingsButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ReportCard.wrn b/.publish/ui/components/ReportCard.wrn
new file mode 100644
index 00000000..98c2029d
--- /dev/null
+++ b/.publish/ui/components/ReportCard.wrn
@@ -0,0 +1,13 @@
+component ReportCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RequestResponseViewer.wrn b/.publish/ui/components/RequestResponseViewer.wrn
new file mode 100644
index 00000000..6917ae03
--- /dev/null
+++ b/.publish/ui/components/RequestResponseViewer.wrn
@@ -0,0 +1,13 @@
+component RequestResponseViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RequestViewer.wrn b/.publish/ui/components/RequestViewer.wrn
new file mode 100644
index 00000000..c7fc4b30
--- /dev/null
+++ b/.publish/ui/components/RequestViewer.wrn
@@ -0,0 +1,13 @@
+component RequestViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/RequiredIndicator.wrn b/.publish/ui/components/RequiredIndicator.wrn
new file mode 100644
index 00000000..c1d9ef32
--- /dev/null
+++ b/.publish/ui/components/RequiredIndicator.wrn
@@ -0,0 +1,11 @@
+component RequiredIndicator {
+  props {
+    label = "Required" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ResetPasswordForm.wrn b/.publish/ui/components/ResetPasswordForm.wrn
new file mode 100644
index 00000000..ff705fa3
--- /dev/null
+++ b/.publish/ui/components/ResetPasswordForm.wrn
@@ -0,0 +1,13 @@
+component ResetPasswordForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ResizablePanel.wrn b/.publish/ui/components/ResizablePanel.wrn
new file mode 100644
index 00000000..c017f8e1
--- /dev/null
+++ b/.publish/ui/components/ResizablePanel.wrn
@@ -0,0 +1,10 @@
+component ResizablePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ResourceCard.wrn b/.publish/ui/components/ResourceCard.wrn
new file mode 100644
index 00000000..f5fbf36a
--- /dev/null
+++ b/.publish/ui/components/ResourceCard.wrn
@@ -0,0 +1,13 @@
+component ResourceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ResourceDownloadCard.wrn b/.publish/ui/components/ResourceDownloadCard.wrn
new file mode 100644
index 00000000..baa27775
--- /dev/null
+++ b/.publish/ui/components/ResourceDownloadCard.wrn
@@ -0,0 +1,13 @@
+component ResourceDownloadCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ResourcePageShell.wrn b/.publish/ui/components/ResourcePageShell.wrn
new file mode 100644
index 00000000..74efa28b
--- /dev/null
+++ b/.publish/ui/components/ResourcePageShell.wrn
@@ -0,0 +1,10 @@
+component ResourcePageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/ResourceSearch.wrn b/.publish/ui/components/ResourceSearch.wrn
new file mode 100644
index 00000000..4be0f39e
--- /dev/null
+++ b/.publish/ui/components/ResourceSearch.wrn
@@ -0,0 +1,13 @@
+component ResourceSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ResourceTypeBadge.wrn b/.publish/ui/components/ResourceTypeBadge.wrn
new file mode 100644
index 00000000..d1444b18
--- /dev/null
+++ b/.publish/ui/components/ResourceTypeBadge.wrn
@@ -0,0 +1,11 @@
+component ResourceTypeBadge {
+  props {
+    label = "ResourceType" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ResourcesMegaMenu.wrn b/.publish/ui/components/ResourcesMegaMenu.wrn
new file mode 100644
index 00000000..67694937
--- /dev/null
+++ b/.publish/ui/components/ResourcesMegaMenu.wrn
@@ -0,0 +1,10 @@
+component ResourcesMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/ResponseViewer.wrn b/.publish/ui/components/ResponseViewer.wrn
new file mode 100644
index 00000000..cab04fbc
--- /dev/null
+++ b/.publish/ui/components/ResponseViewer.wrn
@@ -0,0 +1,13 @@
+component ResponseViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ResponsibleDisclosureCTA.wrn b/.publish/ui/components/ResponsibleDisclosureCTA.wrn
new file mode 100644
index 00000000..ba4c3de2
--- /dev/null
+++ b/.publish/ui/components/ResponsibleDisclosureCTA.wrn
@@ -0,0 +1,11 @@
+component ResponsibleDisclosureCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ResponsiveTable.wrn b/.publish/ui/components/ResponsiveTable.wrn
new file mode 100644
index 00000000..31c07a09
--- /dev/null
+++ b/.publish/ui/components/ResponsiveTable.wrn
@@ -0,0 +1,10 @@
+component ResponsiveTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ResultsSection.wrn b/.publish/ui/components/ResultsSection.wrn
new file mode 100644
index 00000000..15edae6d
--- /dev/null
+++ b/.publish/ui/components/ResultsSection.wrn
@@ -0,0 +1,10 @@
+component ResultsSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/RetentionTable.wrn b/.publish/ui/components/RetentionTable.wrn
new file mode 100644
index 00000000..43accd7f
--- /dev/null
+++ b/.publish/ui/components/RetentionTable.wrn
@@ -0,0 +1,10 @@
+component RetentionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/RetryCountInput.wrn b/.publish/ui/components/RetryCountInput.wrn
new file mode 100644
index 00000000..963d1e61
--- /dev/null
+++ b/.publish/ui/components/RetryCountInput.wrn
@@ -0,0 +1,16 @@
+component RetryCountInput {
+  props {
+    label = "RetryCount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RevenueChart.wrn b/.publish/ui/components/RevenueChart.wrn
new file mode 100644
index 00000000..5e3890b9
--- /dev/null
+++ b/.publish/ui/components/RevenueChart.wrn
@@ -0,0 +1,11 @@
+component RevenueChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/RgbColorInput.wrn b/.publish/ui/components/RgbColorInput.wrn
new file mode 100644
index 00000000..e71d5341
--- /dev/null
+++ b/.publish/ui/components/RgbColorInput.wrn
@@ -0,0 +1,16 @@
+component RgbColorInput {
+  props {
+    label = "RgbColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RichTextEditor.wrn b/.publish/ui/components/RichTextEditor.wrn
new file mode 100644
index 00000000..d90f189b
--- /dev/null
+++ b/.publish/ui/components/RichTextEditor.wrn
@@ -0,0 +1,16 @@
+component RichTextEditor {
+  props {
+    label = "RichText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RichTextInput.wrn b/.publish/ui/components/RichTextInput.wrn
new file mode 100644
index 00000000..809a85d0
--- /dev/null
+++ b/.publish/ui/components/RichTextInput.wrn
@@ -0,0 +1,16 @@
+component RichTextInput {
+  props {
+    label = "RichText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RoleSelector.wrn b/.publish/ui/components/RoleSelector.wrn
new file mode 100644
index 00000000..0f1afa13
--- /dev/null
+++ b/.publish/ui/components/RoleSelector.wrn
@@ -0,0 +1,16 @@
+component RoleSelector {
+  props {
+    label = "Role" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/RollingDateRangePicker.wrn b/.publish/ui/components/RollingDateRangePicker.wrn
new file mode 100644
index 00000000..a760949c
--- /dev/null
+++ b/.publish/ui/components/RollingDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component RollingDateRangePicker {
+  props {
+    label = "RollingDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SDKCard.wrn b/.publish/ui/components/SDKCard.wrn
new file mode 100644
index 00000000..59009e25
--- /dev/null
+++ b/.publish/ui/components/SDKCard.wrn
@@ -0,0 +1,13 @@
+component SDKCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SDKLanguageTabs.wrn b/.publish/ui/components/SDKLanguageTabs.wrn
new file mode 100644
index 00000000..994e27ae
--- /dev/null
+++ b/.publish/ui/components/SDKLanguageTabs.wrn
@@ -0,0 +1,13 @@
+component SDKLanguageTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SaveCookiePreferencesButton.wrn b/.publish/ui/components/SaveCookiePreferencesButton.wrn
new file mode 100644
index 00000000..c83edbb2
--- /dev/null
+++ b/.publish/ui/components/SaveCookiePreferencesButton.wrn
@@ -0,0 +1,11 @@
+component SaveCookiePreferencesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SavedFilterSelector.wrn b/.publish/ui/components/SavedFilterSelector.wrn
new file mode 100644
index 00000000..0c809640
--- /dev/null
+++ b/.publish/ui/components/SavedFilterSelector.wrn
@@ -0,0 +1,16 @@
+component SavedFilterSelector {
+  props {
+    label = "SavedFilter" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ScheduleMessagePicker.wrn b/.publish/ui/components/ScheduleMessagePicker.wrn
new file mode 100644
index 00000000..2b7d2243
--- /dev/null
+++ b/.publish/ui/components/ScheduleMessagePicker.wrn
@@ -0,0 +1,16 @@
+component ScheduleMessagePicker {
+  props {
+    label = "ScheduleMessage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ScheduledDateTimePicker.wrn b/.publish/ui/components/ScheduledDateTimePicker.wrn
new file mode 100644
index 00000000..8c472235
--- /dev/null
+++ b/.publish/ui/components/ScheduledDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component ScheduledDateTimePicker {
+  props {
+    label = "ScheduledDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ScreenshotFrame.wrn b/.publish/ui/components/ScreenshotFrame.wrn
new file mode 100644
index 00000000..d5db0b14
--- /dev/null
+++ b/.publish/ui/components/ScreenshotFrame.wrn
@@ -0,0 +1,10 @@
+component ScreenshotFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SdkLanguageSelector.wrn b/.publish/ui/components/SdkLanguageSelector.wrn
new file mode 100644
index 00000000..1d02e63c
--- /dev/null
+++ b/.publish/ui/components/SdkLanguageSelector.wrn
@@ -0,0 +1,16 @@
+component SdkLanguageSelector {
+  props {
+    label = "SdkLanguage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SearchButton.wrn b/.publish/ui/components/SearchButton.wrn
new file mode 100644
index 00000000..2debfcae
--- /dev/null
+++ b/.publish/ui/components/SearchButton.wrn
@@ -0,0 +1,11 @@
+component SearchButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SearchCategoryTabs.wrn b/.publish/ui/components/SearchCategoryTabs.wrn
new file mode 100644
index 00000000..91ab30a1
--- /dev/null
+++ b/.publish/ui/components/SearchCategoryTabs.wrn
@@ -0,0 +1,13 @@
+component SearchCategoryTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SearchDialog.wrn b/.publish/ui/components/SearchDialog.wrn
new file mode 100644
index 00000000..15bbb874
--- /dev/null
+++ b/.publish/ui/components/SearchDialog.wrn
@@ -0,0 +1,10 @@
+component SearchDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/SearchEmptyState.wrn b/.publish/ui/components/SearchEmptyState.wrn
new file mode 100644
index 00000000..ebe7c1ba
--- /dev/null
+++ b/.publish/ui/components/SearchEmptyState.wrn
@@ -0,0 +1,11 @@
+component SearchEmptyState {
+  props {
+    label = "SearchEmpty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/SearchLoadingState.wrn b/.publish/ui/components/SearchLoadingState.wrn
new file mode 100644
index 00000000..8e7d98c4
--- /dev/null
+++ b/.publish/ui/components/SearchLoadingState.wrn
@@ -0,0 +1,11 @@
+component SearchLoadingState {
+  props {
+    label = "SearchLoading" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/SearchResultItem.wrn b/.publish/ui/components/SearchResultItem.wrn
new file mode 100644
index 00000000..0e836112
--- /dev/null
+++ b/.publish/ui/components/SearchResultItem.wrn
@@ -0,0 +1,13 @@
+component SearchResultItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SecondPicker.wrn b/.publish/ui/components/SecondPicker.wrn
new file mode 100644
index 00000000..93308a8a
--- /dev/null
+++ b/.publish/ui/components/SecondPicker.wrn
@@ -0,0 +1,16 @@
+component SecondPicker {
+  props {
+    label = "Second" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SecretDisplay.wrn b/.publish/ui/components/SecretDisplay.wrn
new file mode 100644
index 00000000..f9cfb61e
--- /dev/null
+++ b/.publish/ui/components/SecretDisplay.wrn
@@ -0,0 +1,13 @@
+component SecretDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SecretInput.wrn b/.publish/ui/components/SecretInput.wrn
new file mode 100644
index 00000000..25564ab3
--- /dev/null
+++ b/.publish/ui/components/SecretInput.wrn
@@ -0,0 +1,16 @@
+component SecretInput {
+  props {
+    label = "Secret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SecretRevealDialog.wrn b/.publish/ui/components/SecretRevealDialog.wrn
new file mode 100644
index 00000000..38c88ce0
--- /dev/null
+++ b/.publish/ui/components/SecretRevealDialog.wrn
@@ -0,0 +1,10 @@
+component SecretRevealDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/SectionActions.wrn b/.publish/ui/components/SectionActions.wrn
new file mode 100644
index 00000000..df707cc7
--- /dev/null
+++ b/.publish/ui/components/SectionActions.wrn
@@ -0,0 +1,11 @@
+component SectionActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SecurityAlert.wrn b/.publish/ui/components/SecurityAlert.wrn
new file mode 100644
index 00000000..09254f5b
--- /dev/null
+++ b/.publish/ui/components/SecurityAlert.wrn
@@ -0,0 +1,11 @@
+component SecurityAlert {
+  props {
+    label = "Security" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/SecurityContactCard.wrn b/.publish/ui/components/SecurityContactCard.wrn
new file mode 100644
index 00000000..11d70bf9
--- /dev/null
+++ b/.publish/ui/components/SecurityContactCard.wrn
@@ -0,0 +1,13 @@
+component SecurityContactCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SecurityFeatureCard.wrn b/.publish/ui/components/SecurityFeatureCard.wrn
new file mode 100644
index 00000000..d1fa097e
--- /dev/null
+++ b/.publish/ui/components/SecurityFeatureCard.wrn
@@ -0,0 +1,13 @@
+component SecurityFeatureCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SecurityHero.wrn b/.publish/ui/components/SecurityHero.wrn
new file mode 100644
index 00000000..8d15334a
--- /dev/null
+++ b/.publish/ui/components/SecurityHero.wrn
@@ -0,0 +1,10 @@
+component SecurityHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SecurityPillarGrid.wrn b/.publish/ui/components/SecurityPillarGrid.wrn
new file mode 100644
index 00000000..72fd8159
--- /dev/null
+++ b/.publish/ui/components/SecurityPillarGrid.wrn
@@ -0,0 +1,10 @@
+component SecurityPillarGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/SecurityPracticeList.wrn b/.publish/ui/components/SecurityPracticeList.wrn
new file mode 100644
index 00000000..733bee29
--- /dev/null
+++ b/.publish/ui/components/SecurityPracticeList.wrn
@@ -0,0 +1,10 @@
+component SecurityPracticeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/SecurityReportForm.wrn b/.publish/ui/components/SecurityReportForm.wrn
new file mode 100644
index 00000000..f92a654f
--- /dev/null
+++ b/.publish/ui/components/SecurityReportForm.wrn
@@ -0,0 +1,13 @@
+component SecurityReportForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SenderIdInput.wrn b/.publish/ui/components/SenderIdInput.wrn
new file mode 100644
index 00000000..adc69c57
--- /dev/null
+++ b/.publish/ui/components/SenderIdInput.wrn
@@ -0,0 +1,16 @@
+component SenderIdInput {
+  props {
+    label = "SenderId" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ServerErrorPage.wrn b/.publish/ui/components/ServerErrorPage.wrn
new file mode 100644
index 00000000..c7ea335a
--- /dev/null
+++ b/.publish/ui/components/ServerErrorPage.wrn
@@ -0,0 +1,13 @@
+component ServerErrorPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ServiceLevelTable.wrn b/.publish/ui/components/ServiceLevelTable.wrn
new file mode 100644
index 00000000..4f996a95
--- /dev/null
+++ b/.publish/ui/components/ServiceLevelTable.wrn
@@ -0,0 +1,10 @@
+component ServiceLevelTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ServiceStatusBadge.wrn b/.publish/ui/components/ServiceStatusBadge.wrn
new file mode 100644
index 00000000..c4ae243e
--- /dev/null
+++ b/.publish/ui/components/ServiceStatusBadge.wrn
@@ -0,0 +1,11 @@
+component ServiceStatusBadge {
+  props {
+    label = "ServiceStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ServiceStatusList.wrn b/.publish/ui/components/ServiceStatusList.wrn
new file mode 100644
index 00000000..9eb73f53
--- /dev/null
+++ b/.publish/ui/components/ServiceStatusList.wrn
@@ -0,0 +1,10 @@
+component ServiceStatusList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/ServiceStatusRow.wrn b/.publish/ui/components/ServiceStatusRow.wrn
new file mode 100644
index 00000000..debc8b69
--- /dev/null
+++ b/.publish/ui/components/ServiceStatusRow.wrn
@@ -0,0 +1,10 @@
+component ServiceStatusRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/SessionCard.wrn b/.publish/ui/components/SessionCard.wrn
new file mode 100644
index 00000000..9a7ca774
--- /dev/null
+++ b/.publish/ui/components/SessionCard.wrn
@@ -0,0 +1,13 @@
+component SessionCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SessionExpiredDialog.wrn b/.publish/ui/components/SessionExpiredDialog.wrn
new file mode 100644
index 00000000..f3c3358c
--- /dev/null
+++ b/.publish/ui/components/SessionExpiredDialog.wrn
@@ -0,0 +1,10 @@
+component SessionExpiredDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/SetupChecklist.wrn b/.publish/ui/components/SetupChecklist.wrn
new file mode 100644
index 00000000..e30e8f24
--- /dev/null
+++ b/.publish/ui/components/SetupChecklist.wrn
@@ -0,0 +1,13 @@
+component SetupChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SeveritySelector.wrn b/.publish/ui/components/SeveritySelector.wrn
new file mode 100644
index 00000000..140be8ce
--- /dev/null
+++ b/.publish/ui/components/SeveritySelector.wrn
@@ -0,0 +1,16 @@
+component SeveritySelector {
+  props {
+    label = "Severity" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ShadowPicker.wrn b/.publish/ui/components/ShadowPicker.wrn
new file mode 100644
index 00000000..baa57205
--- /dev/null
+++ b/.publish/ui/components/ShadowPicker.wrn
@@ -0,0 +1,16 @@
+component ShadowPicker {
+  props {
+    label = "Shadow" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ShareAction.wrn b/.publish/ui/components/ShareAction.wrn
new file mode 100644
index 00000000..0cbc2d80
--- /dev/null
+++ b/.publish/ui/components/ShareAction.wrn
@@ -0,0 +1,11 @@
+component ShareAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SidePanel.wrn b/.publish/ui/components/SidePanel.wrn
new file mode 100644
index 00000000..202caf90
--- /dev/null
+++ b/.publish/ui/components/SidePanel.wrn
@@ -0,0 +1,10 @@
+component SidePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SignInForm.wrn b/.publish/ui/components/SignInForm.wrn
new file mode 100644
index 00000000..d15a848a
--- /dev/null
+++ b/.publish/ui/components/SignInForm.wrn
@@ -0,0 +1,13 @@
+component SignInForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SignInLink.wrn b/.publish/ui/components/SignInLink.wrn
new file mode 100644
index 00000000..237291c2
--- /dev/null
+++ b/.publish/ui/components/SignInLink.wrn
@@ -0,0 +1,11 @@
+component SignInLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SignUpForm.wrn b/.publish/ui/components/SignUpForm.wrn
new file mode 100644
index 00000000..10dbe8f7
--- /dev/null
+++ b/.publish/ui/components/SignUpForm.wrn
@@ -0,0 +1,13 @@
+component SignUpForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SiteSearch.wrn b/.publish/ui/components/SiteSearch.wrn
new file mode 100644
index 00000000..b33615f4
--- /dev/null
+++ b/.publish/ui/components/SiteSearch.wrn
@@ -0,0 +1,13 @@
+component SiteSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SkipLink.wrn b/.publish/ui/components/SkipLink.wrn
new file mode 100644
index 00000000..9be4cdf7
--- /dev/null
+++ b/.publish/ui/components/SkipLink.wrn
@@ -0,0 +1,11 @@
+component SkipLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SlaTable.wrn b/.publish/ui/components/SlaTable.wrn
new file mode 100644
index 00000000..2c963e9c
--- /dev/null
+++ b/.publish/ui/components/SlaTable.wrn
@@ -0,0 +1,10 @@
+component SlaTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/Slider.wrn b/.publish/ui/components/Slider.wrn
new file mode 100644
index 00000000..664cd45d
--- /dev/null
+++ b/.publish/ui/components/Slider.wrn
@@ -0,0 +1,13 @@
+component Slider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SlugInput.wrn b/.publish/ui/components/SlugInput.wrn
new file mode 100644
index 00000000..641b6769
--- /dev/null
+++ b/.publish/ui/components/SlugInput.wrn
@@ -0,0 +1,16 @@
+component SlugInput {
+  props {
+    label = "Slug" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SmartRouteDiagram.wrn b/.publish/ui/components/SmartRouteDiagram.wrn
new file mode 100644
index 00000000..848b436d
--- /dev/null
+++ b/.publish/ui/components/SmartRouteDiagram.wrn
@@ -0,0 +1,11 @@
+component SmartRouteDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/SmsComposer.wrn b/.publish/ui/components/SmsComposer.wrn
new file mode 100644
index 00000000..3f4ac7ce
--- /dev/null
+++ b/.publish/ui/components/SmsComposer.wrn
@@ -0,0 +1,13 @@
+component SmsComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/SmsMessageEditor.wrn b/.publish/ui/components/SmsMessageEditor.wrn
new file mode 100644
index 00000000..383c1cde
--- /dev/null
+++ b/.publish/ui/components/SmsMessageEditor.wrn
@@ -0,0 +1,16 @@
+component SmsMessageEditor {
+  props {
+    label = "SmsMessage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SmsSegmentCounter.wrn b/.publish/ui/components/SmsSegmentCounter.wrn
new file mode 100644
index 00000000..67cff100
--- /dev/null
+++ b/.publish/ui/components/SmsSegmentCounter.wrn
@@ -0,0 +1,11 @@
+component SmsSegmentCounter {
+  props {
+    label = "SmsSegment" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/SolutionHero.wrn b/.publish/ui/components/SolutionHero.wrn
new file mode 100644
index 00000000..2929f126
--- /dev/null
+++ b/.publish/ui/components/SolutionHero.wrn
@@ -0,0 +1,10 @@
+component SolutionHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SolutionPageShell.wrn b/.publish/ui/components/SolutionPageShell.wrn
new file mode 100644
index 00000000..77c761f3
--- /dev/null
+++ b/.publish/ui/components/SolutionPageShell.wrn
@@ -0,0 +1,10 @@
+component SolutionPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SolutionSection.wrn b/.publish/ui/components/SolutionSection.wrn
new file mode 100644
index 00000000..197b10d5
--- /dev/null
+++ b/.publish/ui/components/SolutionSection.wrn
@@ -0,0 +1,10 @@
+component SolutionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SolutionsMegaMenu.wrn b/.publish/ui/components/SolutionsMegaMenu.wrn
new file mode 100644
index 00000000..a6f22457
--- /dev/null
+++ b/.publish/ui/components/SolutionsMegaMenu.wrn
@@ -0,0 +1,10 @@
+component SolutionsMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/SortableTable.wrn b/.publish/ui/components/SortableTable.wrn
new file mode 100644
index 00000000..9a71a3da
--- /dev/null
+++ b/.publish/ui/components/SortableTable.wrn
@@ -0,0 +1,10 @@
+component SortableTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/SplitButton.wrn b/.publish/ui/components/SplitButton.wrn
new file mode 100644
index 00000000..fb71da40
--- /dev/null
+++ b/.publish/ui/components/SplitButton.wrn
@@ -0,0 +1,11 @@
+component SplitButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SplitCTA.wrn b/.publish/ui/components/SplitCTA.wrn
new file mode 100644
index 00000000..b15725c4
--- /dev/null
+++ b/.publish/ui/components/SplitCTA.wrn
@@ -0,0 +1,11 @@
+component SplitCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/SplitHero.wrn b/.publish/ui/components/SplitHero.wrn
new file mode 100644
index 00000000..03647264
--- /dev/null
+++ b/.publish/ui/components/SplitHero.wrn
@@ -0,0 +1,10 @@
+component SplitHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/SplitSectionHeader.wrn b/.publish/ui/components/SplitSectionHeader.wrn
new file mode 100644
index 00000000..5306fec8
--- /dev/null
+++ b/.publish/ui/components/SplitSectionHeader.wrn
@@ -0,0 +1,10 @@
+component SplitSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/StartFreeButton.wrn b/.publish/ui/components/StartFreeButton.wrn
new file mode 100644
index 00000000..37556ef8
--- /dev/null
+++ b/.publish/ui/components/StartFreeButton.wrn
@@ -0,0 +1,11 @@
+component StartFreeButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/StateSelector.wrn b/.publish/ui/components/StateSelector.wrn
new file mode 100644
index 00000000..d1ca9db9
--- /dev/null
+++ b/.publish/ui/components/StateSelector.wrn
@@ -0,0 +1,16 @@
+component StateSelector {
+  props {
+    label = "State" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/StatusPageShell.wrn b/.publish/ui/components/StatusPageShell.wrn
new file mode 100644
index 00000000..525cddb0
--- /dev/null
+++ b/.publish/ui/components/StatusPageShell.wrn
@@ -0,0 +1,10 @@
+component StatusPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/StatusSelector.wrn b/.publish/ui/components/StatusSelector.wrn
new file mode 100644
index 00000000..090f482a
--- /dev/null
+++ b/.publish/ui/components/StatusSelector.wrn
@@ -0,0 +1,16 @@
+component StatusSelector {
+  props {
+    label = "Status" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/StatusSubscribeForm.wrn b/.publish/ui/components/StatusSubscribeForm.wrn
new file mode 100644
index 00000000..bcae7f8b
--- /dev/null
+++ b/.publish/ui/components/StatusSubscribeForm.wrn
@@ -0,0 +1,13 @@
+component StatusSubscribeForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/StatusTable.wrn b/.publish/ui/components/StatusTable.wrn
new file mode 100644
index 00000000..a18e80d4
--- /dev/null
+++ b/.publish/ui/components/StatusTable.wrn
@@ -0,0 +1,10 @@
+component StatusTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/StepNavigation.wrn b/.publish/ui/components/StepNavigation.wrn
new file mode 100644
index 00000000..327b9b79
--- /dev/null
+++ b/.publish/ui/components/StepNavigation.wrn
@@ -0,0 +1,10 @@
+component StepNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/StepUpAuthenticationDialog.wrn b/.publish/ui/components/StepUpAuthenticationDialog.wrn
new file mode 100644
index 00000000..42fc746e
--- /dev/null
+++ b/.publish/ui/components/StepUpAuthenticationDialog.wrn
@@ -0,0 +1,10 @@
+component StepUpAuthenticationDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/Stepper.wrn b/.publish/ui/components/Stepper.wrn
new file mode 100644
index 00000000..c336abca
--- /dev/null
+++ b/.publish/ui/components/Stepper.wrn
@@ -0,0 +1,13 @@
+component Stepper {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/StepperInput.wrn b/.publish/ui/components/StepperInput.wrn
new file mode 100644
index 00000000..e7a8af04
--- /dev/null
+++ b/.publish/ui/components/StepperInput.wrn
@@ -0,0 +1,16 @@
+component StepperInput {
+  props {
+    label = "Stepper" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/StickerPicker.wrn b/.publish/ui/components/StickerPicker.wrn
new file mode 100644
index 00000000..483898bd
--- /dev/null
+++ b/.publish/ui/components/StickerPicker.wrn
@@ -0,0 +1,16 @@
+component StickerPicker {
+  props {
+    label = "Sticker" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/StreetAddressInput.wrn b/.publish/ui/components/StreetAddressInput.wrn
new file mode 100644
index 00000000..a1c7b144
--- /dev/null
+++ b/.publish/ui/components/StreetAddressInput.wrn
@@ -0,0 +1,16 @@
+component StreetAddressInput {
+  props {
+    label = "StreetAddress" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SubdomainInput.wrn b/.publish/ui/components/SubdomainInput.wrn
new file mode 100644
index 00000000..dcf246a0
--- /dev/null
+++ b/.publish/ui/components/SubdomainInput.wrn
@@ -0,0 +1,16 @@
+component SubdomainInput {
+  props {
+    label = "Subdomain" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SubjectInput.wrn b/.publish/ui/components/SubjectInput.wrn
new file mode 100644
index 00000000..2351844c
--- /dev/null
+++ b/.publish/ui/components/SubjectInput.wrn
@@ -0,0 +1,16 @@
+component SubjectInput {
+  props {
+    label = "Subject" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/SubprocessorTable.wrn b/.publish/ui/components/SubprocessorTable.wrn
new file mode 100644
index 00000000..0cdd5ac1
--- /dev/null
+++ b/.publish/ui/components/SubprocessorTable.wrn
@@ -0,0 +1,10 @@
+component SubprocessorTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/SuccessState.wrn b/.publish/ui/components/SuccessState.wrn
new file mode 100644
index 00000000..cb589ade
--- /dev/null
+++ b/.publish/ui/components/SuccessState.wrn
@@ -0,0 +1,11 @@
+component SuccessState {
+  props {
+    label = "Success" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/SupportRequestForm.wrn b/.publish/ui/components/SupportRequestForm.wrn
new file mode 100644
index 00000000..287d8fdd
--- /dev/null
+++ b/.publish/ui/components/SupportRequestForm.wrn
@@ -0,0 +1,13 @@
+component SupportRequestForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TableHeader.wrn b/.publish/ui/components/TableHeader.wrn
new file mode 100644
index 00000000..70c03ade
--- /dev/null
+++ b/.publish/ui/components/TableHeader.wrn
@@ -0,0 +1,10 @@
+component TableHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/TableRow.wrn b/.publish/ui/components/TableRow.wrn
new file mode 100644
index 00000000..e6aa2e89
--- /dev/null
+++ b/.publish/ui/components/TableRow.wrn
@@ -0,0 +1,10 @@
+component TableRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/TableSkeleton.wrn b/.publish/ui/components/TableSkeleton.wrn
new file mode 100644
index 00000000..5e02a8db
--- /dev/null
+++ b/.publish/ui/components/TableSkeleton.wrn
@@ -0,0 +1,11 @@
+component TableSkeleton {
+  props {
+    label = "Table" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/TagInput.wrn b/.publish/ui/components/TagInput.wrn
new file mode 100644
index 00000000..fafa831e
--- /dev/null
+++ b/.publish/ui/components/TagInput.wrn
@@ -0,0 +1,16 @@
+component TagInput {
+  props {
+    label = "Tag" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TaxNotice.wrn b/.publish/ui/components/TaxNotice.wrn
new file mode 100644
index 00000000..8c143dc0
--- /dev/null
+++ b/.publish/ui/components/TaxNotice.wrn
@@ -0,0 +1,11 @@
+component TaxNotice {
+  props {
+    label = "Tax" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/TaxRateInput.wrn b/.publish/ui/components/TaxRateInput.wrn
new file mode 100644
index 00000000..52e09314
--- /dev/null
+++ b/.publish/ui/components/TaxRateInput.wrn
@@ -0,0 +1,16 @@
+component TaxRateInput {
+  props {
+    label = "TaxRate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TeamMemberCard.wrn b/.publish/ui/components/TeamMemberCard.wrn
new file mode 100644
index 00000000..92d85b0c
--- /dev/null
+++ b/.publish/ui/components/TeamMemberCard.wrn
@@ -0,0 +1,13 @@
+component TeamMemberCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TeamSizeSelector.wrn b/.publish/ui/components/TeamSizeSelector.wrn
new file mode 100644
index 00000000..d9145185
--- /dev/null
+++ b/.publish/ui/components/TeamSizeSelector.wrn
@@ -0,0 +1,16 @@
+component TeamSizeSelector {
+  props {
+    label = "TeamSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TemplateSelector.wrn b/.publish/ui/components/TemplateSelector.wrn
new file mode 100644
index 00000000..1c7ba07b
--- /dev/null
+++ b/.publish/ui/components/TemplateSelector.wrn
@@ -0,0 +1,16 @@
+component TemplateSelector {
+  props {
+    label = "Template" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TemplateVariableInput.wrn b/.publish/ui/components/TemplateVariableInput.wrn
new file mode 100644
index 00000000..81ced6f4
--- /dev/null
+++ b/.publish/ui/components/TemplateVariableInput.wrn
@@ -0,0 +1,16 @@
+component TemplateVariableInput {
+  props {
+    label = "TemplateVariable" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TenantIsolationDiagram.wrn b/.publish/ui/components/TenantIsolationDiagram.wrn
new file mode 100644
index 00000000..cc899cd1
--- /dev/null
+++ b/.publish/ui/components/TenantIsolationDiagram.wrn
@@ -0,0 +1,11 @@
+component TenantIsolationDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/TerminalBlock.wrn b/.publish/ui/components/TerminalBlock.wrn
new file mode 100644
index 00000000..7f90e0a6
--- /dev/null
+++ b/.publish/ui/components/TerminalBlock.wrn
@@ -0,0 +1,13 @@
+component TerminalBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TestMessageDialog.wrn b/.publish/ui/components/TestMessageDialog.wrn
new file mode 100644
index 00000000..42a1ba51
--- /dev/null
+++ b/.publish/ui/components/TestMessageDialog.wrn
@@ -0,0 +1,10 @@
+component TestMessageDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/TestimonialCarousel.wrn b/.publish/ui/components/TestimonialCarousel.wrn
new file mode 100644
index 00000000..62baf0c1
--- /dev/null
+++ b/.publish/ui/components/TestimonialCarousel.wrn
@@ -0,0 +1,13 @@
+component TestimonialCarousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TextLink.wrn b/.publish/ui/components/TextLink.wrn
new file mode 100644
index 00000000..47bbe159
--- /dev/null
+++ b/.publish/ui/components/TextLink.wrn
@@ -0,0 +1,11 @@
+component TextLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/TextSkeleton.wrn b/.publish/ui/components/TextSkeleton.wrn
new file mode 100644
index 00000000..becbcc06
--- /dev/null
+++ b/.publish/ui/components/TextSkeleton.wrn
@@ -0,0 +1,11 @@
+component TextSkeleton {
+  props {
+    label = "Text" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/ThemeColorPicker.wrn b/.publish/ui/components/ThemeColorPicker.wrn
new file mode 100644
index 00000000..5ab4968b
--- /dev/null
+++ b/.publish/ui/components/ThemeColorPicker.wrn
@@ -0,0 +1,16 @@
+component ThemeColorPicker {
+  props {
+    label = "ThemeColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ThemeSwitcher.wrn b/.publish/ui/components/ThemeSwitcher.wrn
new file mode 100644
index 00000000..4c57749b
--- /dev/null
+++ b/.publish/ui/components/ThemeSwitcher.wrn
@@ -0,0 +1,13 @@
+component ThemeSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TimeRangePicker.wrn b/.publish/ui/components/TimeRangePicker.wrn
new file mode 100644
index 00000000..560efe30
--- /dev/null
+++ b/.publish/ui/components/TimeRangePicker.wrn
@@ -0,0 +1,16 @@
+component TimeRangePicker {
+  props {
+    label = "TimeRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TimelineChart.wrn b/.publish/ui/components/TimelineChart.wrn
new file mode 100644
index 00000000..74749404
--- /dev/null
+++ b/.publish/ui/components/TimelineChart.wrn
@@ -0,0 +1,11 @@
+component TimelineChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/TimeoutInput.wrn b/.publish/ui/components/TimeoutInput.wrn
new file mode 100644
index 00000000..0b7649be
--- /dev/null
+++ b/.publish/ui/components/TimeoutInput.wrn
@@ -0,0 +1,16 @@
+component TimeoutInput {
+  props {
+    label = "Timeout" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TimezoneAwareTimePicker.wrn b/.publish/ui/components/TimezoneAwareTimePicker.wrn
new file mode 100644
index 00000000..0f2bb20a
--- /dev/null
+++ b/.publish/ui/components/TimezoneAwareTimePicker.wrn
@@ -0,0 +1,16 @@
+component TimezoneAwareTimePicker {
+  props {
+    label = "TimezoneAwareTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ToastAction.wrn b/.publish/ui/components/ToastAction.wrn
new file mode 100644
index 00000000..1ff95eea
--- /dev/null
+++ b/.publish/ui/components/ToastAction.wrn
@@ -0,0 +1,11 @@
+component ToastAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/.publish/ui/components/ToastIcon.wrn b/.publish/ui/components/ToastIcon.wrn
new file mode 100644
index 00000000..b2c0ff80
--- /dev/null
+++ b/.publish/ui/components/ToastIcon.wrn
@@ -0,0 +1,13 @@
+component ToastIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ToastProgress.wrn b/.publish/ui/components/ToastProgress.wrn
new file mode 100644
index 00000000..30055854
--- /dev/null
+++ b/.publish/ui/components/ToastProgress.wrn
@@ -0,0 +1,11 @@
+component ToastProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/Toggle.wrn b/.publish/ui/components/Toggle.wrn
new file mode 100644
index 00000000..09b887ec
--- /dev/null
+++ b/.publish/ui/components/Toggle.wrn
@@ -0,0 +1,16 @@
+component Toggle {
+  props {
+    label = "" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ToggleGroup.wrn b/.publish/ui/components/ToggleGroup.wrn
new file mode 100644
index 00000000..54cf872b
--- /dev/null
+++ b/.publish/ui/components/ToggleGroup.wrn
@@ -0,0 +1,16 @@
+component ToggleGroup {
+  props {
+    label = "Toggle" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TokenInput.wrn b/.publish/ui/components/TokenInput.wrn
new file mode 100644
index 00000000..70c4a9d6
--- /dev/null
+++ b/.publish/ui/components/TokenInput.wrn
@@ -0,0 +1,16 @@
+component TokenInput {
+  props {
+    label = "Token" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/TotpVerificationForm.wrn b/.publish/ui/components/TotpVerificationForm.wrn
new file mode 100644
index 00000000..a1f50e07
--- /dev/null
+++ b/.publish/ui/components/TotpVerificationForm.wrn
@@ -0,0 +1,13 @@
+component TotpVerificationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TranslatedText.wrn b/.publish/ui/components/TranslatedText.wrn
new file mode 100644
index 00000000..5a2dffd9
--- /dev/null
+++ b/.publish/ui/components/TranslatedText.wrn
@@ -0,0 +1,13 @@
+component TranslatedText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TreeTable.wrn b/.publish/ui/components/TreeTable.wrn
new file mode 100644
index 00000000..21bd6026
--- /dev/null
+++ b/.publish/ui/components/TreeTable.wrn
@@ -0,0 +1,10 @@
+component TreeTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/TrendIndicator.wrn b/.publish/ui/components/TrendIndicator.wrn
new file mode 100644
index 00000000..9c1e6c3b
--- /dev/null
+++ b/.publish/ui/components/TrendIndicator.wrn
@@ -0,0 +1,11 @@
+component TrendIndicator {
+  props {
+    label = "Trend" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/TruncatedText.wrn b/.publish/ui/components/TruncatedText.wrn
new file mode 100644
index 00000000..60068ab1
--- /dev/null
+++ b/.publish/ui/components/TruncatedText.wrn
@@ -0,0 +1,13 @@
+component TruncatedText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/TrustBadgeList.wrn b/.publish/ui/components/TrustBadgeList.wrn
new file mode 100644
index 00000000..a5e3e4ac
--- /dev/null
+++ b/.publish/ui/components/TrustBadgeList.wrn
@@ -0,0 +1,10 @@
+component TrustBadgeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/UnavailableRegionState.wrn b/.publish/ui/components/UnavailableRegionState.wrn
new file mode 100644
index 00000000..f0f63bce
--- /dev/null
+++ b/.publish/ui/components/UnavailableRegionState.wrn
@@ -0,0 +1,11 @@
+component UnavailableRegionState {
+  props {
+    label = "UnavailableRegion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/.publish/ui/components/UnifiedTimelinePreview.wrn b/.publish/ui/components/UnifiedTimelinePreview.wrn
new file mode 100644
index 00000000..7a463085
--- /dev/null
+++ b/.publish/ui/components/UnifiedTimelinePreview.wrn
@@ -0,0 +1,13 @@
+component UnifiedTimelinePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/UnsavedChangesDialog.wrn b/.publish/ui/components/UnsavedChangesDialog.wrn
new file mode 100644
index 00000000..a0ab2846
--- /dev/null
+++ b/.publish/ui/components/UnsavedChangesDialog.wrn
@@ -0,0 +1,10 @@
+component UnsavedChangesDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/UploadItem.wrn b/.publish/ui/components/UploadItem.wrn
new file mode 100644
index 00000000..10f5d98a
--- /dev/null
+++ b/.publish/ui/components/UploadItem.wrn
@@ -0,0 +1,13 @@
+component UploadItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/UploadPreview.wrn b/.publish/ui/components/UploadPreview.wrn
new file mode 100644
index 00000000..e5b99d45
--- /dev/null
+++ b/.publish/ui/components/UploadPreview.wrn
@@ -0,0 +1,13 @@
+component UploadPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/UploadProgress.wrn b/.publish/ui/components/UploadProgress.wrn
new file mode 100644
index 00000000..df18c972
--- /dev/null
+++ b/.publish/ui/components/UploadProgress.wrn
@@ -0,0 +1,11 @@
+component UploadProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/UptimeChart.wrn b/.publish/ui/components/UptimeChart.wrn
new file mode 100644
index 00000000..79fde90e
--- /dev/null
+++ b/.publish/ui/components/UptimeChart.wrn
@@ -0,0 +1,11 @@
+component UptimeChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/UptimeMetric.wrn b/.publish/ui/components/UptimeMetric.wrn
new file mode 100644
index 00000000..8c20faf7
--- /dev/null
+++ b/.publish/ui/components/UptimeMetric.wrn
@@ -0,0 +1,11 @@
+component UptimeMetric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/UsagePricingTable.wrn b/.publish/ui/components/UsagePricingTable.wrn
new file mode 100644
index 00000000..34c41084
--- /dev/null
+++ b/.publish/ui/components/UsagePricingTable.wrn
@@ -0,0 +1,10 @@
+component UsagePricingTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/UseCaseSelector.wrn b/.publish/ui/components/UseCaseSelector.wrn
new file mode 100644
index 00000000..8b8b257c
--- /dev/null
+++ b/.publish/ui/components/UseCaseSelector.wrn
@@ -0,0 +1,16 @@
+component UseCaseSelector {
+  props {
+    label = "UseCase" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/UsernameInput.wrn b/.publish/ui/components/UsernameInput.wrn
new file mode 100644
index 00000000..f2b7181f
--- /dev/null
+++ b/.publish/ui/components/UsernameInput.wrn
@@ -0,0 +1,16 @@
+component UsernameInput {
+  props {
+    label = "Username" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ValueCard.wrn b/.publish/ui/components/ValueCard.wrn
new file mode 100644
index 00000000..56c7543c
--- /dev/null
+++ b/.publish/ui/components/ValueCard.wrn
@@ -0,0 +1,13 @@
+component ValueCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/ValuesGrid.wrn b/.publish/ui/components/ValuesGrid.wrn
new file mode 100644
index 00000000..a6a79c23
--- /dev/null
+++ b/.publish/ui/components/ValuesGrid.wrn
@@ -0,0 +1,10 @@
+component ValuesGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/VerificationCodeInput.wrn b/.publish/ui/components/VerificationCodeInput.wrn
new file mode 100644
index 00000000..db996491
--- /dev/null
+++ b/.publish/ui/components/VerificationCodeInput.wrn
@@ -0,0 +1,16 @@
+component VerificationCodeInput {
+  props {
+    label = "VerificationCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/VersionSelector.wrn b/.publish/ui/components/VersionSelector.wrn
new file mode 100644
index 00000000..f35b6580
--- /dev/null
+++ b/.publish/ui/components/VersionSelector.wrn
@@ -0,0 +1,16 @@
+component VersionSelector {
+  props {
+    label = "Version" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/VerticalTabs.wrn b/.publish/ui/components/VerticalTabs.wrn
new file mode 100644
index 00000000..e3a4a148
--- /dev/null
+++ b/.publish/ui/components/VerticalTabs.wrn
@@ -0,0 +1,13 @@
+component VerticalTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/VideoCard.wrn b/.publish/ui/components/VideoCard.wrn
new file mode 100644
index 00000000..16e2ab47
--- /dev/null
+++ b/.publish/ui/components/VideoCard.wrn
@@ -0,0 +1,13 @@
+component VideoCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/VideoPreviewDialog.wrn b/.publish/ui/components/VideoPreviewDialog.wrn
new file mode 100644
index 00000000..e871b30d
--- /dev/null
+++ b/.publish/ui/components/VideoPreviewDialog.wrn
@@ -0,0 +1,10 @@
+component VideoPreviewDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/.publish/ui/components/VideoUpload.wrn b/.publish/ui/components/VideoUpload.wrn
new file mode 100644
index 00000000..b59bf39f
--- /dev/null
+++ b/.publish/ui/components/VideoUpload.wrn
@@ -0,0 +1,13 @@
+component VideoUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/VirtualizedTable.wrn b/.publish/ui/components/VirtualizedTable.wrn
new file mode 100644
index 00000000..fb52b4d8
--- /dev/null
+++ b/.publish/ui/components/VirtualizedTable.wrn
@@ -0,0 +1,10 @@
+component VirtualizedTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/.publish/ui/components/VisionSection.wrn b/.publish/ui/components/VisionSection.wrn
new file mode 100644
index 00000000..cacb5a7c
--- /dev/null
+++ b/.publish/ui/components/VisionSection.wrn
@@ -0,0 +1,10 @@
+component VisionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/VoiceScriptComposer.wrn b/.publish/ui/components/VoiceScriptComposer.wrn
new file mode 100644
index 00000000..f8aa2852
--- /dev/null
+++ b/.publish/ui/components/VoiceScriptComposer.wrn
@@ -0,0 +1,13 @@
+component VoiceScriptComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/VoiceScriptEditor.wrn b/.publish/ui/components/VoiceScriptEditor.wrn
new file mode 100644
index 00000000..1bbd3af4
--- /dev/null
+++ b/.publish/ui/components/VoiceScriptEditor.wrn
@@ -0,0 +1,16 @@
+component VoiceScriptEditor {
+  props {
+    label = "VoiceScript" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/VolumeInput.wrn b/.publish/ui/components/VolumeInput.wrn
new file mode 100644
index 00000000..71c789cc
--- /dev/null
+++ b/.publish/ui/components/VolumeInput.wrn
@@ -0,0 +1,16 @@
+component VolumeInput {
+  props {
+    label = "Volume" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/VolumeSlider.wrn b/.publish/ui/components/VolumeSlider.wrn
new file mode 100644
index 00000000..10ae4e30
--- /dev/null
+++ b/.publish/ui/components/VolumeSlider.wrn
@@ -0,0 +1,13 @@
+component VolumeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WebhookEventCard.wrn b/.publish/ui/components/WebhookEventCard.wrn
new file mode 100644
index 00000000..0e1765e3
--- /dev/null
+++ b/.publish/ui/components/WebhookEventCard.wrn
@@ -0,0 +1,13 @@
+component WebhookEventCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WebhookFlowDiagram.wrn b/.publish/ui/components/WebhookFlowDiagram.wrn
new file mode 100644
index 00000000..2d01823e
--- /dev/null
+++ b/.publish/ui/components/WebhookFlowDiagram.wrn
@@ -0,0 +1,11 @@
+component WebhookFlowDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/WebhookPayloadViewer.wrn b/.publish/ui/components/WebhookPayloadViewer.wrn
new file mode 100644
index 00000000..734275cd
--- /dev/null
+++ b/.publish/ui/components/WebhookPayloadViewer.wrn
@@ -0,0 +1,13 @@
+component WebhookPayloadViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WebhookUrlInput.wrn b/.publish/ui/components/WebhookUrlInput.wrn
new file mode 100644
index 00000000..91da3bab
--- /dev/null
+++ b/.publish/ui/components/WebhookUrlInput.wrn
@@ -0,0 +1,16 @@
+component WebhookUrlInput {
+  props {
+    label = "WebhookUrl" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/WebinarCard.wrn b/.publish/ui/components/WebinarCard.wrn
new file mode 100644
index 00000000..f91e500d
--- /dev/null
+++ b/.publish/ui/components/WebinarCard.wrn
@@ -0,0 +1,13 @@
+component WebinarCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WebinarRegistrationForm.wrn b/.publish/ui/components/WebinarRegistrationForm.wrn
new file mode 100644
index 00000000..3ada7509
--- /dev/null
+++ b/.publish/ui/components/WebinarRegistrationForm.wrn
@@ -0,0 +1,13 @@
+component WebinarRegistrationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WhatsAppComposer.wrn b/.publish/ui/components/WhatsAppComposer.wrn
new file mode 100644
index 00000000..42faff4f
--- /dev/null
+++ b/.publish/ui/components/WhatsAppComposer.wrn
@@ -0,0 +1,13 @@
+component WhatsAppComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WhatsAppNumberInput.wrn b/.publish/ui/components/WhatsAppNumberInput.wrn
new file mode 100644
index 00000000..0a5e6ab7
--- /dev/null
+++ b/.publish/ui/components/WhatsAppNumberInput.wrn
@@ -0,0 +1,16 @@
+component WhatsAppNumberInput {
+  props {
+    label = "WhatsAppNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/WhatsAppTemplateEditor.wrn b/.publish/ui/components/WhatsAppTemplateEditor.wrn
new file mode 100644
index 00000000..909d6089
--- /dev/null
+++ b/.publish/ui/components/WhatsAppTemplateEditor.wrn
@@ -0,0 +1,16 @@
+component WhatsAppTemplateEditor {
+  props {
+    label = "WhatsAppTemplate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/Wizard.wrn b/.publish/ui/components/Wizard.wrn
new file mode 100644
index 00000000..58b2d36d
--- /dev/null
+++ b/.publish/ui/components/Wizard.wrn
@@ -0,0 +1,13 @@
+component Wizard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WizardHeader.wrn b/.publish/ui/components/WizardHeader.wrn
new file mode 100644
index 00000000..cab5ba9a
--- /dev/null
+++ b/.publish/ui/components/WizardHeader.wrn
@@ -0,0 +1,10 @@
+component WizardHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/WizardNavigation.wrn b/.publish/ui/components/WizardNavigation.wrn
new file mode 100644
index 00000000..08a7b2b8
--- /dev/null
+++ b/.publish/ui/components/WizardNavigation.wrn
@@ -0,0 +1,10 @@
+component WizardNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/.publish/ui/components/WorkflowCanvasPreview.wrn b/.publish/ui/components/WorkflowCanvasPreview.wrn
new file mode 100644
index 00000000..70d47a4b
--- /dev/null
+++ b/.publish/ui/components/WorkflowCanvasPreview.wrn
@@ -0,0 +1,13 @@
+component WorkflowCanvasPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/WorkflowProgress.wrn b/.publish/ui/components/WorkflowProgress.wrn
new file mode 100644
index 00000000..e5fd1dc7
--- /dev/null
+++ b/.publish/ui/components/WorkflowProgress.wrn
@@ -0,0 +1,11 @@
+component WorkflowProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/.publish/ui/components/WorkspaceSelector.wrn b/.publish/ui/components/WorkspaceSelector.wrn
new file mode 100644
index 00000000..fe4f204d
--- /dev/null
+++ b/.publish/ui/components/WorkspaceSelector.wrn
@@ -0,0 +1,16 @@
+component WorkspaceSelector {
+  props {
+    label = "Workspace" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/WorkspaceSwitcher.wrn b/.publish/ui/components/WorkspaceSwitcher.wrn
new file mode 100644
index 00000000..e5439564
--- /dev/null
+++ b/.publish/ui/components/WorkspaceSwitcher.wrn
@@ -0,0 +1,13 @@
+component WorkspaceSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/components/YearPicker.wrn b/.publish/ui/components/YearPicker.wrn
new file mode 100644
index 00000000..3656a4f1
--- /dev/null
+++ b/.publish/ui/components/YearPicker.wrn
@@ -0,0 +1,16 @@
+component YearPicker {
+  props {
+    label = "Year" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/.publish/ui/components/ZoomSlider.wrn b/.publish/ui/components/ZoomSlider.wrn
new file mode 100644
index 00000000..51f7d58e
--- /dev/null
+++ b/.publish/ui/components/ZoomSlider.wrn
@@ -0,0 +1,13 @@
+component ZoomSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/.publish/ui/package.json b/.publish/ui/package.json
index d50c823d..f247242c 100644
--- a/.publish/ui/package.json
+++ b/.publish/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/ui — part of the WrNexus framework.",
   "license": "MIT",
@@ -20,14 +20,19 @@
       "import": "./dist/index.js"
     },
     "./components/*": "./components/*",
+    "./component-catalog.json": "./component-catalog.json",
+    "./component-reference.json": "./component-reference.json",
     "./ui.css": "./ui.css"
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist",
     "components",
-    "ui.css"
+    "ui.css",
+    "component-catalog.json",
+    "component-reference.json",
+    "COMPONENTS.md"
   ]
 }
diff --git a/.publish/ui/ui.css b/.publish/ui/ui.css
index 7743be70..4fb93712 100644
--- a/.publish/ui/ui.css
+++ b/.publish/ui/ui.css
@@ -938,6 +938,109 @@
   }
 }
 
+/* --- Complete catalog composition patterns ----------------------------- */
+.wire-catalog-action {
+  display: inline-flex;
+  max-width: 100%;
+}
+.wire-catalog-form,
+.wire-catalog-collection,
+.wire-catalog-section {
+  display: grid;
+  gap: clamp(1rem, 2vw, 1.5rem);
+  min-width: 0;
+}
+.wire-catalog-form > header,
+.wire-catalog-collection > header,
+.wire-catalog-section > header {
+  display: grid;
+  gap: 0.5rem;
+}
+.wire-catalog-form :where(h2, p),
+.wire-catalog-collection :where(h2, p),
+.wire-catalog-section :where(h2, p) {
+  margin: 0;
+}
+.wire-catalog-field {
+  min-width: 0;
+}
+.wire-catalog-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: grid;
+  place-items: center;
+  overflow: auto;
+  padding: clamp(1rem, 4vw, 2rem);
+  background: rgb(2 6 23 / 0.68);
+  backdrop-filter: blur(8px);
+}
+.wire-catalog-overlay .wire-dialog {
+  width: min(100%, 42rem);
+  max-height: calc(100dvh - 2rem);
+  overflow: auto;
+  padding: clamp(1rem, 4vw, 1.5rem);
+  color: var(--wire-color-text);
+  background: var(--wire-color-surface);
+  border: 1px solid var(--wire-color-border);
+  border-radius: var(--wire-radius);
+  box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 0.3);
+}
+.wire-catalog-collection__items {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
+  gap: 1rem;
+  min-width: 0;
+}
+.wire-catalog-feedback {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.5rem 1rem;
+  align-items: start;
+}
+.wire-catalog-feedback p {
+  grid-column: 1 / -1;
+  margin: 0;
+}
+.wire-catalog-visualization {
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+}
+.wire-catalog-visualization figcaption {
+  display: grid;
+  gap: 0.35rem;
+}
+.wire-catalog-visualization__content {
+  min-height: 10rem;
+  overflow-x: auto;
+}
+.wire-catalog-visualization__skeleton {
+  width: 100%;
+  min-height: 10rem;
+}
+.wire-catalog-card__image {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  object-fit: cover;
+  border-radius: calc(var(--wire-radius) * 0.75);
+}
+
+@media (max-width: 480px) {
+  .wire-catalog-action,
+  .wire-catalog-action > :where(a, button) {
+    width: 100%;
+  }
+  .wire-catalog-overlay {
+    align-items: end;
+    padding: 0;
+  }
+  .wire-catalog-overlay .wire-dialog {
+    max-height: 92dvh;
+    border-radius: var(--wire-radius) var(--wire-radius) 0 0;
+  }
+}
+
 /* --- Motion system -------------------------------------------------------
  * Applies to both Tailwind-authored and token-authored components. Motion is
  * intentionally limited to composited properties so interaction stays fluid.
diff --git a/.publish/uploader/package.json b/.publish/uploader/package.json
index 02660e7e..20647421 100644
--- a/.publish/uploader/package.json
+++ b/.publish/uploader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/uploader",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/uploader — part of the WrNexus framework.",
   "license": "MIT",
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@wrnexus/core": "^0.2.57"
+    "@wrnexus/core": "^0.2.58"
   },
   "files": [
     "dist"
diff --git a/.publish/validation/package.json b/.publish/validation/package.json
index c26b2588..25e95bf6 100644
--- a/.publish/validation/package.json
+++ b/.publish/validation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/validation",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "description": "@wrnexus/validation — part of the WrNexus framework.",
   "license": "MIT",
diff --git a/docs/UI-COMPONENT-INVENTORY.md b/docs/UI-COMPONENT-INVENTORY.md
index 98ed18cc..e1105daa 100644
--- a/docs/UI-COMPONENT-INVENTORY.md
+++ b/docs/UI-COMPONENT-INVENTORY.md
@@ -6,19 +6,18 @@ and **WRNexus Public SaaS Component System Checklist v1.0**.
 
 ## Release boundary
 
-The current `@wrnexus/ui` release targets the documents' combined **minimum
-first-release component set** and **essential components to build first**. These
-are implemented as real components with theme tokens, responsive rules,
-keyboard-native controls, visible focus, reduced-motion handling, and mobile
-touch targets—not name-only aliases.
+The current `@wrnexus/ui` catalog contains **891 real components**: the original
+hand-tuned core plus the component-shaped inventory entries from both approved
+PDFs. Repeated states, design checklist labels, content data models, analytics
+events, SEO/head helpers, and non-rendering runtime helpers are intentionally not
+body components.
 
 SEO and structured data are intentionally handled by WRNexus page/head APIs.
 Rendering them as body components would produce invalid or ineffective HTML.
 
-## Subsequent staged packages
+## Coverage and specialization
 
-The remaining expanded inventory is retained for staged implementation in the
-dependency order prescribed by the PDFs:
+The catalog now covers the prescribed families:
 
 1. `design-tokens` and `icons`
 2. `ui-forms`, `ui-calendar`, `ui-feedback`, `ui-overlays`
@@ -26,6 +25,13 @@ dependency order prescribed by the PDFs:
 4. `ui-shell`, `ui-marketing`, `ui-commerce`, `ui-developers`
 5. `ui-content`, `ui-legal`, `ui-status`
 
-Each stage must satisfy rendering, keyboard, focus, semantics, disabled/loading
-states, mobile layout from 320 px, light/dark themes, reduced motion, no
-horizontal overflow, documentation, and production-build tests before release.
+Every catalog source compiles and shares semantic templates for forms, actions,
+overlays, collections, feedback, visualizations, layouts, and content. These
+templates provide responsive structure, theme tokens, motion, focus treatment,
+disabled/loading/error props where relevant, semantic elements, and slots for
+application content. Domain-specific logic (for example chart rendering, maps,
+payments, CAPTCHA providers, or rich-text engines) remains application/provider
+integration supplied through those slots rather than a hidden package dependency.
+
+`packages/ui/component-reference.json` and `packages/ui/COMPONENTS.md` are
+generated from the actual sources and are the authoritative prop reference.
diff --git a/packages/ai/package.json b/packages/ai/package.json
index 339f7ef9..af755df6 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ai",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",
diff --git a/packages/authz/package.json b/packages/authz/package.json
index 615c67fc..f63e7dc6 100644
--- a/packages/authz/package.json
+++ b/packages/authz/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/authz",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 77335806..070f3a67 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/cli",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/cli/src/update.ts b/packages/cli/src/update.ts
index 44d6216e..1a2755a2 100644
--- a/packages/cli/src/update.ts
+++ b/packages/cli/src/update.ts
@@ -584,6 +584,15 @@ const MIGRATIONS: Migration[] = [
       // Existing theme configuration remains compatible; blue is the default palette.
     },
   },
+  {
+    version: "0.2.58",
+    id: "complete-ui-component-catalog",
+    description:
+      "Completes the PDF-aligned UI catalog and ships generated props, slots, and events metadata.",
+    apply() {
+      // UI components remain auto-discovered; no application files require migration.
+    },
+  },
 ];
 
 /** Release tooling uses this to require an explicit migration entry per version. */
diff --git a/packages/compiler/package.json b/packages/compiler/package.json
index 11e28c18..75026f0f 100644
--- a/packages/compiler/package.json
+++ b/packages/compiler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/compiler",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/core/package.json b/packages/core/package.json
index bb9987cc..82c663c5 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/core",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/csr/package.json b/packages/csr/package.json
index 4b0b6641..6fd269e1 100644
--- a/packages/csr/package.json
+++ b/packages/csr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/csr",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/db/package.json b/packages/db/package.json
index ccb674df..11ec6078 100644
--- a/packages/db/package.json
+++ b/packages/db/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/db",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/dev-server/package.json b/packages/dev-server/package.json
index 3e4d69fc..90b959be 100644
--- a/packages/dev-server/package.json
+++ b/packages/dev-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/dev-server",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/encryption/package.json b/packages/encryption/package.json
index 7c3090c8..571ffb3a 100644
--- a/packages/encryption/package.json
+++ b/packages/encryption/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/encryption",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/helpers/package.json b/packages/helpers/package.json
index a07fe854..9ad00a18 100644
--- a/packages/helpers/package.json
+++ b/packages/helpers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/helpers",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",
diff --git a/packages/i18n/package.json b/packages/i18n/package.json
index 5f5ecae7..d6339e3d 100644
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/i18n",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/jwt/package.json b/packages/jwt/package.json
index 64017856..f22506d2 100644
--- a/packages/jwt/package.json
+++ b/packages/jwt/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/jwt",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 2ea4c373..92f622f1 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/mobile",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/native/package.json b/packages/native/package.json
index ed9f2412..f967e671 100644
--- a/packages/native/package.json
+++ b/packages/native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/native",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/oauth/package.json b/packages/oauth/package.json
index 5f9ee9ec..d9b7343d 100644
--- a/packages/oauth/package.json
+++ b/packages/oauth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/oauth",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/pubsub/package.json b/packages/pubsub/package.json
index 01108ea4..fb4616b3 100644
--- a/packages/pubsub/package.json
+++ b/packages/pubsub/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/pubsub",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/queue/package.json b/packages/queue/package.json
index 85b5e21b..6b222975 100644
--- a/packages/queue/package.json
+++ b/packages/queue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/queue",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/reactive/package.json b/packages/reactive/package.json
index 34833a5f..e0b008bc 100644
--- a/packages/reactive/package.json
+++ b/packages/reactive/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/reactive",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/router/package.json b/packages/router/package.json
index 36a2f8b1..335a9713 100644
--- a/packages/router/package.json
+++ b/packages/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/router",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/ssr/package.json b/packages/ssr/package.json
index 3ec62226..735e52f3 100644
--- a/packages/ssr/package.json
+++ b/packages/ssr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ssr",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/styles/package.json b/packages/styles/package.json
index bc828528..7c7cb1dd 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/styles",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
diff --git a/packages/test/package.json b/packages/test/package.json
index 4ade71e3..7bc3f35a 100644
--- a/packages/test/package.json
+++ b/packages/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/test",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/tracking/package.json b/packages/tracking/package.json
index 0a2605df..77f02e72 100644
--- a/packages/tracking/package.json
+++ b/packages/tracking/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/tracking",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/ui/COMPONENTS.md b/packages/ui/COMPONENTS.md
new file mode 100644
index 00000000..ee784449
--- /dev/null
+++ b/packages/ui/COMPONENTS.md
@@ -0,0 +1,8040 @@
+# WRNexus UI component reference
+
+This reference is generated from the 891 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
+
+## Actions
+
+### AcceptAllCookiesButton
+
+Reusable accept all cookies button component.
+
+- Mount: `data-component="AcceptAllCookiesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleNewsletterCTA
+
+Reusable article newsletter c t a component.
+
+- Mount: `data-component="ArticleNewsletterCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleShareActions
+
+Reusable article share actions component.
+
+- Mount: `data-component="ArticleShareActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BackButton
+
+Reusable back button component.
+
+- Mount: `data-component="BackButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Button
+
+Reusable button component.
+
+- Mount: `data-component="Button"`
+- 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
+
+### CenteredCTA
+
+Reusable centered c t a component.
+
+- Mount: `data-component="CenteredCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ClearFiltersButton
+
+Reusable clear filters button component.
+
+- Mount: `data-component="ClearFiltersButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CloseButton
+
+Reusable close button component.
+
+- Mount: `data-component="CloseButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeCopyButton
+
+Reusable code copy button component.
+
+- Mount: `data-component="CodeCopyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactCTA
+
+Reusable contact c t a component.
+
+- Mount: `data-component="ContactCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactSalesButton
+
+Reusable contact sales button component.
+
+- Mount: `data-component="ContactSalesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CopyButton
+
+Reusable copy button component.
+
+- Mount: `data-component="CopyButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CopyCodeButton
+
+Reusable copy code button component.
+
+- Mount: `data-component="CopyCodeButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DangerButton
+
+Reusable danger button component.
+
+- Mount: `data-component="DangerButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperCTA
+
+Reusable developer c t a component.
+
+- Mount: `data-component="DeveloperCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DoNotSellLink
+
+Reusable do not sell link component.
+
+- Mount: `data-component="DoNotSellLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadAction
+
+Reusable download action component.
+
+- Mount: `data-component="DownloadAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadButton
+
+Reusable download button component.
+
+- Mount: `data-component="DownloadButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadPolicyButton
+
+Reusable download policy button component.
+
+- Mount: `data-component="DownloadPolicyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterpriseCTA
+
+Reusable enterprise c t a component.
+
+- Mount: `data-component="EnterpriseCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorActions
+
+Reusable error actions component.
+
+- Mount: `data-component="ErrorActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorSupportLink
+
+Reusable error support link component.
+
+- Mount: `data-component="ErrorSupportLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExternalLink
+
+Reusable external link component.
+
+- Mount: `data-component="ExternalLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FieldActions
+
+Reusable field actions component.
+
+- Mount: `data-component="FieldActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FinalCTA
+
+Reusable final c t a component.
+
+- Mount: `data-component="FinalCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormActions
+
+Reusable form actions component.
+
+- Mount: `data-component="FormActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GhostButton
+
+Reusable ghost button component.
+
+- Mount: `data-component="GhostButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GradientCTA
+
+Reusable gradient c t a component.
+
+- Mount: `data-component="GradientCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeaderActions
+
+Reusable header actions component.
+
+- Mount: `data-component="HeaderActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroActions
+
+Reusable hero actions component.
+
+- Mount: `data-component="HeroActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroPrimaryAction
+
+Reusable hero primary action component.
+
+- Mount: `data-component="HeroPrimaryAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroSecondaryAction
+
+Reusable hero secondary action component.
+
+- Mount: `data-component="HeroSecondaryAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IconButton
+
+Reusable icon button component.
+
+- Mount: `data-component="IconButton"`
+- Props: `label: string = "Action"`, `icon: string = "•"`, `variant: string = "ghost"`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### LegalPrintButton
+
+Reusable legal print button component.
+
+- Mount: `data-component="LegalPrintButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LinkButton
+
+Reusable link button component.
+
+- Mount: `data-component="LinkButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LoadingButton
+
+Reusable loading button component.
+
+- Mount: `data-component="LoadingButton"`
+- 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
+
+### LocalizedRouteLink
+
+Reusable localized route link component.
+
+- Mount: `data-component="LocalizedRouteLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileMenuButton
+
+Reusable mobile menu button component.
+
+- Mount: `data-component="MobileMenuButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewsletterCTA
+
+Reusable newsletter c t a component.
+
+- Mount: `data-component="NewsletterCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OpenAPICTA
+
+Reusable open a p i c t a component.
+
+- Mount: `data-component="OpenAPICTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasskeyButton
+
+Reusable passkey button component.
+
+- Mount: `data-component="PasskeyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanCTA
+
+Reusable plan c t a component.
+
+- Mount: `data-component="PlanCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PostmanCTA
+
+Reusable postman c t a component.
+
+- Mount: `data-component="PostmanCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrimaryButton
+
+Reusable primary button component.
+
+- Mount: `data-component="PrimaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrintAction
+
+Reusable print action component.
+
+- Mount: `data-component="PrintAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrintPolicyButton
+
+Reusable print policy button component.
+
+- Mount: `data-component="PrintPolicyButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductCTA
+
+Reusable product c t a component.
+
+- Mount: `data-component="ProductCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RejectOptionalCookiesButton
+
+Reusable reject optional cookies button component.
+
+- Mount: `data-component="RejectOptionalCookiesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ReopenCookieSettingsButton
+
+Reusable reopen cookie settings button component.
+
+- Mount: `data-component="ReopenCookieSettingsButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponsibleDisclosureCTA
+
+Reusable responsible disclosure c t a component.
+
+- Mount: `data-component="ResponsibleDisclosureCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SaveCookiePreferencesButton
+
+Reusable save cookie preferences button component.
+
+- Mount: `data-component="SaveCookiePreferencesButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchButton
+
+Reusable search button component.
+
+- Mount: `data-component="SearchButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecondaryButton
+
+Reusable secondary button component.
+
+- Mount: `data-component="SecondaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SectionActions
+
+Reusable section actions component.
+
+- Mount: `data-component="SectionActions"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ShareAction
+
+Reusable share action component.
+
+- Mount: `data-component="ShareAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ShareButton
+
+Reusable share button component.
+
+- Mount: `data-component="ShareButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignInLink
+
+Reusable sign in link component.
+
+- Mount: `data-component="SignInLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SkipLink
+
+Reusable skip link component.
+
+- Mount: `data-component="SkipLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitButton
+
+Reusable split button component.
+
+- Mount: `data-component="SplitButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitCTA
+
+Reusable split c t a component.
+
+- Mount: `data-component="SplitCTA"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StartFreeButton
+
+Reusable start free button component.
+
+- Mount: `data-component="StartFreeButton"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TertiaryButton
+
+Reusable tertiary button component.
+
+- Mount: `data-component="TertiaryButton"`
+- Props: `label: string = "Action"`, `type: string = "button"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TextLink
+
+Reusable text link component.
+
+- Mount: `data-component="TextLink"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ToastAction
+
+Reusable toast action component.
+
+- Mount: `data-component="ToastAction"`
+- Props: `label: string = "Action"`, `href: string = ""`, `type: string = "button"`, `variant: string = "primary"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Content
+
+### AccessibleAccordion
+
+Reusable accessible accordion component.
+
+- Mount: `data-component="AccessibleAccordion"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleCarousel
+
+Reusable accessible carousel component.
+
+- Mount: `data-component="AccessibleCarousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleChartSummary
+
+Reusable accessible chart summary component.
+
+- Mount: `data-component="AccessibleChartSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleErrorSummary
+
+Reusable accessible error summary component.
+
+- Mount: `data-component="AccessibleErrorSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleIcon
+
+Reusable accessible icon component.
+
+- Mount: `data-component="AccessibleIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleTabs
+
+Reusable accessible tabs component.
+
+- Mount: `data-component="AccessibleTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleTooltip
+
+Reusable accessible tooltip component.
+
+- Mount: `data-component="AccessibleTooltip"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Accordion
+
+Reusable accordion component.
+
+- Mount: `data-component="Accordion"`
+- Props: `title: string = "Question"`, `open: boolean = false`
+- Slots: `default`
+- Events: `click`
+
+### AddOnCard
+
+Reusable add on card component.
+
+- Mount: `data-component="AddOnCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AddressPreview
+
+Reusable address preview component.
+
+- Mount: `data-component="AddressPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AdvancedFilterBuilder
+
+Reusable advanced filter builder component.
+
+- Mount: `data-component="AdvancedFilterBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AnalyticsDashboardPreview
+
+Reusable analytics dashboard preview component.
+
+- Mount: `data-component="AnalyticsDashboardPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiEndpointCard
+
+Reusable api endpoint card component.
+
+- Mount: `data-component="ApiEndpointCard"`
+- Props: `method: string = "GET"`, `path: string = "/api/example"`, `description: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiErrorExample
+
+Reusable api error example component.
+
+- Mount: `data-component="ApiErrorExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiKeyDisplay
+
+Reusable api key display component.
+
+- Mount: `data-component="ApiKeyDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiRequestExample
+
+Reusable api request example component.
+
+- Mount: `data-component="ApiRequestExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiResponseExample
+
+Reusable api response example component.
+
+- Mount: `data-component="ApiResponseExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiSchemaViewer
+
+Reusable api schema viewer component.
+
+- Mount: `data-component="ApiSchemaViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AssetCard
+
+Reusable asset card component.
+
+- Mount: `data-component="AssetCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AttachmentUpload
+
+Reusable attachment upload component.
+
+- Mount: `data-component="AttachmentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AudioUpload
+
+Reusable audio upload component.
+
+- Mount: `data-component="AudioUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuditLogPreview
+
+Reusable audit log preview component.
+
+- Mount: `data-component="AuditLogPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorAvatar
+
+Reusable author avatar component.
+
+- Mount: `data-component="AuthorAvatar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorCard
+
+Reusable author card component.
+
+- Mount: `data-component="AuthorCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuthorizedApplicationCard
+
+Reusable authorized application card component.
+
+- Mount: `data-component="AuthorizedApplicationCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AutomationExampleCard
+
+Reusable automation example card component.
+
+- Mount: `data-component="AutomationExampleCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AvailabilityCalendar
+
+Reusable availability calendar component.
+
+- Mount: `data-component="AvailabilityCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Avatar
+
+Reusable avatar component.
+
+- Mount: `data-component="Avatar"`
+- Props: `src: string = ""`, `alt: string = ""`, `initials: string = "WR"`, `size: string = "md"`
+- Slots: None
+- Events: None
+
+### AvatarUpload
+
+Reusable avatar upload component.
+
+- Mount: `data-component="AvatarUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BankTransferDetails
+
+Reusable bank transfer details component.
+
+- Mount: `data-component="BankTransferDetails"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BillingAddressForm
+
+Reusable billing address form component.
+
+- Mount: `data-component="BillingAddressForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BillingExample
+
+Reusable billing example component.
+
+- Mount: `data-component="BillingExample"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogCard
+
+Reusable blog card component.
+
+- Mount: `data-component="BlogCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogSearch
+
+Reusable blog search component.
+
+- Mount: `data-component="BlogSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BodyText
+
+Reusable body text component.
+
+- Mount: `data-component="BodyText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BudgetRangeSlider
+
+Reusable budget range slider component.
+
+- Mount: `data-component="BudgetRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Calendar
+
+Reusable calendar component.
+
+- Mount: `data-component="Calendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignCard
+
+Reusable campaign card component.
+
+- Mount: `data-component="CampaignCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignPerformancePreview
+
+Reusable campaign performance preview component.
+
+- Mount: `data-component="CampaignPerformancePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Card
+
+Reusable card component.
+
+- Mount: `data-component="Card"`
+- Props: `variant: string = "default"`, `padding: string = "md"`, `interactive: boolean = false`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### CardPaymentForm
+
+Reusable card payment form component.
+
+- Mount: `data-component="CardPaymentForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CareerApplicationForm
+
+Reusable career application form component.
+
+- Mount: `data-component="CareerApplicationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Carousel
+
+Reusable carousel component.
+
+- Mount: `data-component="Carousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyCard
+
+Reusable case study card component.
+
+- Mount: `data-component="CaseStudyCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyPreview
+
+Reusable case study preview component.
+
+- Mount: `data-component="CaseStudyPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CertificateUpload
+
+Reusable certificate upload component.
+
+- Mount: `data-component="CertificateUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelCard
+
+Reusable channel card component.
+
+- Mount: `data-component="ChannelCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelIcon
+
+Reusable channel icon component.
+
+- Mount: `data-component="ChannelIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChartTooltip
+
+Reusable chart tooltip component.
+
+- Mount: `data-component="ChartTooltip"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Checklist
+
+Reusable checklist component.
+
+- Mount: `data-component="Checklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ClickableCard
+
+Reusable clickable card component.
+
+- Mount: `data-component="ClickableCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Code
+
+Reusable code component.
+
+- Mount: `data-component="Code"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeBlock
+
+Reusable code block component.
+
+- Mount: `data-component="CodeBlock"`
+- Props: `language: string = "text"`, `filename: string = ""`, `code: string = ""`
+- Slots: None
+- Events: `click`
+
+### CodeTabs
+
+Reusable code tabs component.
+
+- Mount: `data-component="CodeTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeText
+
+Reusable code text component.
+
+- Mount: `data-component="CodeText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ColorSwatch
+
+Reusable color swatch component.
+
+- Mount: `data-component="ColorSwatch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CommandBlock
+
+Reusable command block component.
+
+- Mount: `data-component="CommandBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComplianceProgramCard
+
+Reusable compliance program card component.
+
+- Mount: `data-component="ComplianceProgramCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConnectedAccountCard
+
+Reusable connected account card component.
+
+- Mount: `data-component="ConnectedAccountCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConnectionCard
+
+Reusable connection card component.
+
+- Mount: `data-component="ConnectionCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConsentTimelinePreview
+
+Reusable consent timeline preview component.
+
+- Mount: `data-component="ConsentTimelinePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactCard
+
+Reusable contact card component.
+
+- Mount: `data-component="ContactCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactForm
+
+Reusable contact form component.
+
+- Mount: `data-component="ContactForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactSalesForm
+
+Reusable contact sales form component.
+
+- Mount: `data-component="ContactSalesForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContextSwitcher
+
+Reusable context switcher component.
+
+- Mount: `data-component="ContextSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversationPreview
+
+Reusable conversation preview component.
+
+- Mount: `data-component="ConversationPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CostSummary
+
+Reusable cost summary component.
+
+- Mount: `data-component="CostSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CronBuilder
+
+Reusable cron builder component.
+
+- Mount: `data-component="CronBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CsvUpload
+
+Reusable csv upload component.
+
+- Mount: `data-component="CsvUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CustomerLogo
+
+Reusable customer logo component.
+
+- Mount: `data-component="CustomerLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CustomerStoryCard
+
+Reusable customer story card component.
+
+- Mount: `data-component="CustomerStoryCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataProtectionCard
+
+Reusable data protection card component.
+
+- Mount: `data-component="DataProtectionCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DateRangeCalendar
+
+Reusable date range calendar component.
+
+- Mount: `data-component="DateRangeCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DateRangeSlider
+
+Reusable date range slider component.
+
+- Mount: `data-component="DateRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryPreview
+
+Reusable delivery preview component.
+
+- Mount: `data-component="DeliveryPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DemoRequestForm
+
+Reusable demo request form component.
+
+- Mount: `data-component="DemoRequestForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperSearch
+
+Reusable developer search component.
+
+- Mount: `data-component="DeveloperSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeviceCard
+
+Reusable device card component.
+
+- Mount: `data-component="DeviceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DocumentPreview
+
+Reusable document preview component.
+
+- Mount: `data-component="DocumentPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DocumentUpload
+
+Reusable document upload component.
+
+- Mount: `data-component="DocumentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadGateForm
+
+Reusable download gate form component.
+
+- Mount: `data-component="DownloadGateForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DownloadResourceForm
+
+Reusable download resource form component.
+
+- Mount: `data-component="DownloadResourceForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DurationSlider
+
+Reusable duration slider component.
+
+- Mount: `data-component="DurationSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ElevatedCard
+
+Reusable elevated card component.
+
+- Mount: `data-component="ElevatedCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EmailComposer
+
+Reusable email composer component.
+
+- Mount: `data-component="EmailComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterprisePricingCard
+
+Reusable enterprise pricing card component.
+
+- Mount: `data-component="EnterprisePricingCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnvironmentSwitcher
+
+Reusable environment switcher component.
+
+- Mount: `data-component="EnvironmentSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorCard
+
+Reusable error card component.
+
+- Mount: `data-component="ErrorCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorCode
+
+Reusable error code component.
+
+- Mount: `data-component="ErrorCode"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorIllustration
+
+Reusable error illustration component.
+
+- Mount: `data-component="ErrorIllustration"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorPage
+
+Reusable error page component.
+
+- Mount: `data-component="ErrorPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EstimatedCostSummary
+
+Reusable estimated cost summary component.
+
+- Mount: `data-component="EstimatedCostSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExpandableText
+
+Reusable expandable text component.
+
+- Mount: `data-component="ExpandableText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EyebrowText
+
+Reusable eyebrow text component.
+
+- Mount: `data-component="EyebrowText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FactorCard
+
+Reusable factor card component.
+
+- Mount: `data-component="FactorCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FallbackRouteBuilder
+
+Reusable fallback route builder component.
+
+- Mount: `data-component="FallbackRouteBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FaviconUpload
+
+Reusable favicon upload component.
+
+- Mount: `data-component="FaviconUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureCard
+
+Reusable feature card component.
+
+- Mount: `data-component="FeatureCard"`
+- Props: `icon: string = "✦"`, `title: string = "Feature"`, `description: string = ""`, `href: string = ""`
+- Slots: None
+- Events: None
+
+### FeatureChecklist
+
+Reusable feature checklist component.
+
+- Mount: `data-component="FeatureChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeaturedBlogCard
+
+Reusable featured blog card component.
+
+- Mount: `data-component="FeaturedBlogCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureIconCard
+
+Reusable feature icon card component.
+
+- Mount: `data-component="FeatureIconCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureTabs
+
+Reusable feature tabs component.
+
+- Mount: `data-component="FeatureTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileSizeLabel
+
+Reusable file size label component.
+
+- Mount: `data-component="FileSizeLabel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileUpload
+
+Reusable file upload component.
+
+- Mount: `data-component="FileUpload"`
+- Props: `id: string = "file"`, `name: string = "file"`, `label: string = "Upload file"`, `accept: string = ""`, `multiple: boolean = false`, `help: string = "Drag and drop or browse"`
+- Slots: None
+- Events: None
+
+### FooterLanguageSwitcher
+
+Reusable footer language switcher component.
+
+- Mount: `data-component="FooterLanguageSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForbiddenPage
+
+Reusable forbidden page component.
+
+- Mount: `data-component="ForbiddenPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForgotPasswordForm
+
+Reusable forgot password form component.
+
+- Mount: `data-component="ForgotPasswordForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Form
+
+Reusable form component.
+
+- Mount: `data-component="Form"`
+- Props: `action: string = ""`, `method: string = "post"`, `name: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormErrorSummary
+
+Reusable form error summary component.
+
+- Mount: `data-component="FormErrorSummary"`
+- Props: `title: string = "Please fix the following"`, `visible: boolean = true`
+- Slots: `default`
+- Events: None
+
+### FormHelpText
+
+Reusable form help text component.
+
+- Mount: `data-component="FormHelpText"`
+- Props: `id: string = ""`, `text: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormLabel
+
+Reusable form label component.
+
+- Mount: `data-component="FormLabel"`
+- Props: `for: string = ""`, `label: string = "Label"`, `required: boolean = false`, `optional: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### GlassCard
+
+Reusable glass card component.
+
+- Mount: `data-component="GlassCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GlobalSearch
+
+Reusable global search component.
+
+- Mount: `data-component="GlobalSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideCard
+
+Reusable guide card component.
+
+- Mount: `data-component="GuideCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideChecklist
+
+Reusable guide checklist component.
+
+- Mount: `data-component="GuideChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideStep
+
+Reusable guide step component.
+
+- Mount: `data-component="GuideStep"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroGradientText
+
+Reusable hero gradient text component.
+
+- Mount: `data-component="HeroGradientText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroProductPreview
+
+Reusable hero product preview component.
+
+- Mount: `data-component="HeroProductPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HeroTrustText
+
+Reusable hero trust text component.
+
+- Mount: `data-component="HeroTrustText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HighlightText
+
+Reusable highlight text component.
+
+- Mount: `data-component="HighlightText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HolidayCalendar
+
+Reusable holiday calendar component.
+
+- Mount: `data-component="HolidayCalendar"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HumanApprovalStep
+
+Reusable human approval step component.
+
+- Mount: `data-component="HumanApprovalStep"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Icon
+
+Reusable icon component.
+
+- Mount: `data-component="Icon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Illustration
+
+Reusable illustration component.
+
+- Mount: `data-component="Illustration"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImageCompressionPreview
+
+Reusable image compression preview component.
+
+- Mount: `data-component="ImageCompressionPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImageUpload
+
+Reusable image upload component.
+
+- Mount: `data-component="ImageUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentCard
+
+Reusable incident card component.
+
+- Mount: `data-component="IncidentCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InfoCard
+
+Reusable info card component.
+
+- Mount: `data-component="InfoCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InlineCode
+
+Reusable inline code component.
+
+- Mount: `data-component="InlineCode"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IntegrationCard
+
+Reusable integration card component.
+
+- Mount: `data-component="IntegrationCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InvoiceLineItem
+
+Reusable invoice line item component.
+
+- Mount: `data-component="InvoiceLineItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InvoiceSummary
+
+Reusable invoice summary component.
+
+- Mount: `data-component="InvoiceSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JobCard
+
+Reusable job card component.
+
+- Mount: `data-component="JobCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JsonViewer
+
+Reusable json viewer component.
+
+- Mount: `data-component="JsonViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### KycDocumentUpload
+
+Reusable kyc document upload component.
+
+- Mount: `data-component="KycDocumentUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LanguageSwitcher
+
+Reusable language switcher component.
+
+- Mount: `data-component="LanguageSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LeadText
+
+Reusable lead text component.
+
+- Mount: `data-component="LeadText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalContactBlock
+
+Reusable legal contact block component.
+
+- Mount: `data-component="LegalContactBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalSummary
+
+Reusable legal summary component.
+
+- Mount: `data-component="LegalSummary"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Logo
+
+Reusable logo component.
+
+- Mount: `data-component="Logo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogoUpload
+
+Reusable logo upload component.
+
+- Mount: `data-component="LogoUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceCard
+
+Reusable maintenance card component.
+
+- Mount: `data-component="MaintenanceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenancePage
+
+Reusable maintenance page component.
+
+- Mount: `data-component="MaintenancePage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageComposer
+
+Reusable message composer component.
+
+- Mount: `data-component="MessageComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageComposerPreview
+
+Reusable message composer preview component.
+
+- Mount: `data-component="MessageComposerPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessagePreview
+
+Reusable message preview component.
+
+- Mount: `data-component="MessagePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageVolumeSlider
+
+Reusable message volume slider component.
+
+- Mount: `data-component="MessageVolumeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricCard
+
+Reusable metric card component.
+
+- Mount: `data-component="MetricCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricText
+
+Reusable metric text component.
+
+- Mount: `data-component="MetricText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileTableCard
+
+Reusable mobile table card component.
+
+- Mount: `data-component="MobileTableCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MultiFileUpload
+
+Reusable multi file upload component.
+
+- Mount: `data-component="MultiFileUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MutedText
+
+Reusable muted text component.
+
+- Mount: `data-component="MutedText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NavigationItem
+
+Reusable navigation item component.
+
+- Mount: `data-component="NavigationItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewsletterForm
+
+Reusable newsletter form component.
+
+- Mount: `data-component="NewsletterForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotFoundPage
+
+Reusable not found page component.
+
+- Mount: `data-component="NotFoundPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotificationCard
+
+Reusable notification card component.
+
+- Mount: `data-component="NotificationCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfficeCard
+
+Reusable office card component.
+
+- Mount: `data-component="OfficeCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfflinePage
+
+Reusable offline page component.
+
+- Mount: `data-component="OfflinePage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OneTimeSecretDisplay
+
+Reusable one time secret display component.
+
+- Mount: `data-component="OneTimeSecretDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OpacitySlider
+
+Reusable opacity slider component.
+
+- Mount: `data-component="OpacitySlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OtpVerificationForm
+
+Reusable otp verification form component.
+
+- Mount: `data-component="OtpVerificationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OutlinedCard
+
+Reusable outlined card component.
+
+- Mount: `data-component="OutlinedCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerApplicationForm
+
+Reusable partner application form component.
+
+- Mount: `data-component="PartnerApplicationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerProgramCard
+
+Reusable partner program card component.
+
+- Mount: `data-component="PartnerProgramCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PaymentMethodCard
+
+Reusable payment method card component.
+
+- Mount: `data-component="PaymentMethodCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PdfPreview
+
+Reusable pdf preview component.
+
+- Mount: `data-component="PdfPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlatformPillarCard
+
+Reusable platform pillar card component.
+
+- Mount: `data-component="PlatformPillarCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PressReleaseCard
+
+Reusable press release card component.
+
+- Mount: `data-component="PressReleaseCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PriceRangeSlider
+
+Reusable price range slider component.
+
+- Mount: `data-component="PriceRangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PriceText
+
+Reusable price text component.
+
+- Mount: `data-component="PriceText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingCard
+
+Reusable pricing card component.
+
+- Mount: `data-component="PricingCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingContactForm
+
+Reusable pricing contact form component.
+
+- Mount: `data-component="PricingContactForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingPlanCard
+
+Reusable pricing plan card component.
+
+- Mount: `data-component="PricingPlanCard"`
+- Props: `name: string = "Starter"`, `description: string = ""`, `price: string = "₹0"`, `period: string = "/month"`, `featured: boolean = false`, `ctaLabel: string = "Choose plan"`, `ctaHref: string = "#"`
+- Slots: `default`
+- Events: None
+
+### ProductCard
+
+Reusable product card component.
+
+- Mount: `data-component="ProductCard"`
+- Props: `eyebrow: string = "Product"`, `title: string = "Product name"`, `description: string = ""`, `href: string = "#"`, `actionLabel: string = "Learn more"`, `status: string = ""`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### ProductIcon
+
+Reusable product icon component.
+
+- Mount: `data-component="ProductIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductLogo
+
+Reusable product logo component.
+
+- Mount: `data-component="ProductLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductMiniCard
+
+Reusable product mini card component.
+
+- Mount: `data-component="ProductMiniCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductNavigationCard
+
+Reusable product navigation card component.
+
+- Mount: `data-component="ProductNavigationCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressSlider
+
+Reusable progress slider component.
+
+- Mount: `data-component="ProgressSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProjectCard
+
+Reusable project card component.
+
+- Mount: `data-component="ProjectCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProjectSwitcher
+
+Reusable project switcher component.
+
+- Mount: `data-component="ProjectSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PublicHeaderLogo
+
+Reusable public header logo component.
+
+- Mount: `data-component="PublicHeaderLogo"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PushComposer
+
+Reusable push composer component.
+
+- Mount: `data-component="PushComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QrCode
+
+Reusable qr code component.
+
+- Mount: `data-component="QrCode"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QuantityStepper
+
+Reusable quantity stepper component.
+
+- Mount: `data-component="QuantityStepper"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### QuoteText
+
+Reusable quote text component.
+
+- Mount: `data-component="QuoteText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RangeSlider
+
+Reusable range slider component.
+
+- Mount: `data-component="RangeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateLimitPage
+
+Reusable rate limit page component.
+
+- Mount: `data-component="RateLimitPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RatingSlider
+
+Reusable rating slider component.
+
+- Mount: `data-component="RatingSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RecoveryCodeForm
+
+Reusable recovery code form component.
+
+- Mount: `data-component="RecoveryCodeForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RecurrenceRuleBuilder
+
+Reusable recurrence rule builder component.
+
+- Mount: `data-component="RecurrenceRuleBuilder"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ReportCard
+
+Reusable report card component.
+
+- Mount: `data-component="ReportCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequestResponseViewer
+
+Reusable request response viewer component.
+
+- Mount: `data-component="RequestResponseViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequestViewer
+
+Reusable request viewer component.
+
+- Mount: `data-component="RequestViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResetPasswordForm
+
+Reusable reset password form component.
+
+- Mount: `data-component="ResetPasswordForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceCard
+
+Reusable resource card component.
+
+- Mount: `data-component="ResourceCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceDownloadCard
+
+Reusable resource download card component.
+
+- Mount: `data-component="ResourceDownloadCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceSearch
+
+Reusable resource search component.
+
+- Mount: `data-component="ResourceSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponseViewer
+
+Reusable response viewer component.
+
+- Mount: `data-component="ResponseViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKCard
+
+Reusable s d k card component.
+
+- Mount: `data-component="SDKCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKLanguageTabs
+
+Reusable s d k language tabs component.
+
+- Mount: `data-component="SDKLanguageTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchCategoryTabs
+
+Reusable search category tabs component.
+
+- Mount: `data-component="SearchCategoryTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchResultItem
+
+Reusable search result item component.
+
+- Mount: `data-component="SearchResultItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecretDisplay
+
+Reusable secret display component.
+
+- Mount: `data-component="SecretDisplay"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityContactCard
+
+Reusable security contact card component.
+
+- Mount: `data-component="SecurityContactCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityFeatureCard
+
+Reusable security feature card component.
+
+- Mount: `data-component="SecurityFeatureCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityReportForm
+
+Reusable security report form component.
+
+- Mount: `data-component="SecurityReportForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServerErrorPage
+
+Reusable server error page component.
+
+- Mount: `data-component="ServerErrorPage"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SessionCard
+
+Reusable session card component.
+
+- Mount: `data-component="SessionCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SetupChecklist
+
+Reusable setup checklist component.
+
+- Mount: `data-component="SetupChecklist"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignInForm
+
+Reusable sign in form component.
+
+- Mount: `data-component="SignInForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SignUpForm
+
+Reusable sign up form component.
+
+- Mount: `data-component="SignUpForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SiteSearch
+
+Reusable site search component.
+
+- Mount: `data-component="SiteSearch"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Slider
+
+Reusable slider component.
+
+- Mount: `data-component="Slider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmallText
+
+Reusable small text component.
+
+- Mount: `data-component="SmallText"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmsComposer
+
+Reusable sms composer component.
+
+- Mount: `data-component="SmsComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatCard
+
+Reusable stat card component.
+
+- Mount: `data-component="StatCard"`
+- Props: `label: string = "Metric"`, `value: string = "0"`, `change: string = ""`, `trend: string = "neutral"`
+- Slots: None
+- Events: None
+
+### StatusSubscribeForm
+
+Reusable status subscribe form component.
+
+- Mount: `data-component="StatusSubscribeForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Stepper
+
+Reusable stepper component.
+
+- Mount: `data-component="Stepper"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SuccessCard
+
+Reusable success card component.
+
+- Mount: `data-component="SuccessCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SupportRequestForm
+
+Reusable support request form component.
+
+- Mount: `data-component="SupportRequestForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Tabs
+
+Reusable tabs component.
+
+- Mount: `data-component="Tabs"`
+- Props: `active: string = "first"`
+- Slots: `first`, `second`
+- Events: `click`
+
+### TeamMemberCard
+
+Reusable team member card component.
+
+- Mount: `data-component="TeamMemberCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TemplateCard
+
+Reusable template card component.
+
+- Mount: `data-component="TemplateCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TerminalBlock
+
+Reusable terminal block component.
+
+- Mount: `data-component="TerminalBlock"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TestimonialCard
+
+Reusable testimonial card component.
+
+- Mount: `data-component="TestimonialCard"`
+- Props: `quote: string = "Great product."`, `name: string = "Customer"`, `role: string = ""`, `company: string = ""`, `avatar: string = ""`
+- Slots: None
+- Events: None
+
+### TestimonialCarousel
+
+Reusable testimonial carousel component.
+
+- Mount: `data-component="TestimonialCarousel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ThemeSwitcher
+
+Reusable theme switcher component.
+
+- Mount: `data-component="ThemeSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TimelineItem
+
+Reusable timeline item component.
+
+- Mount: `data-component="TimelineItem"`
+- Props: `title: string = "Event"`, `date: string = ""`, `description: string = ""`, `status: string = "default"`
+- Slots: None
+- Events: None
+
+### ToastIcon
+
+Reusable toast icon component.
+
+- Mount: `data-component="ToastIcon"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Tooltip
+
+Reusable tooltip component.
+
+- Mount: `data-component="Tooltip"`
+- Props: `text: string = "Helpful information"`, `position: string = "top"`
+- Slots: `default`
+- Events: None
+
+### TotpVerificationForm
+
+Reusable totp verification form component.
+
+- Mount: `data-component="TotpVerificationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TranslatedText
+
+Reusable translated text component.
+
+- Mount: `data-component="TranslatedText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TruncatedText
+
+Reusable truncated text component.
+
+- Mount: `data-component="TruncatedText"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnifiedTimelinePreview
+
+Reusable unified timeline preview component.
+
+- Mount: `data-component="UnifiedTimelinePreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadItem
+
+Reusable upload item component.
+
+- Mount: `data-component="UploadItem"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadPreview
+
+Reusable upload preview component.
+
+- Mount: `data-component="UploadPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UserCard
+
+Reusable user card component.
+
+- Mount: `data-component="UserCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ValueCard
+
+Reusable value card component.
+
+- Mount: `data-component="ValueCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VerticalTabs
+
+Reusable vertical tabs component.
+
+- Mount: `data-component="VerticalTabs"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoCard
+
+Reusable video card component.
+
+- Mount: `data-component="VideoCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoUpload
+
+Reusable video upload component.
+
+- Mount: `data-component="VideoUpload"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VoiceScriptComposer
+
+Reusable voice script composer component.
+
+- Mount: `data-component="VoiceScriptComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VolumeSlider
+
+Reusable volume slider component.
+
+- Mount: `data-component="VolumeSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WarningCard
+
+Reusable warning card component.
+
+- Mount: `data-component="WarningCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookEventCard
+
+Reusable webhook event card component.
+
+- Mount: `data-component="WebhookEventCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookPayloadViewer
+
+Reusable webhook payload viewer component.
+
+- Mount: `data-component="WebhookPayloadViewer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebinarCard
+
+Reusable webinar card component.
+
+- Mount: `data-component="WebinarCard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebinarRegistrationForm
+
+Reusable webinar registration form component.
+
+- Mount: `data-component="WebinarRegistrationForm"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WhatsAppComposer
+
+Reusable whats app composer component.
+
+- Mount: `data-component="WhatsAppComposer"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Wizard
+
+Reusable wizard component.
+
+- Mount: `data-component="Wizard"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkflowCanvasPreview
+
+Reusable workflow canvas preview component.
+
+- Mount: `data-component="WorkflowCanvasPreview"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkspaceCard
+
+Reusable workspace card component.
+
+- Mount: `data-component="WorkspaceCard"`
+- Props: `title: string = ""`, `description: string = ""`, `href: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkspaceSwitcher
+
+Reusable workspace switcher component.
+
+- Mount: `data-component="WorkspaceSwitcher"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ZoomSlider
+
+Reusable zoom slider component.
+
+- Mount: `data-component="ZoomSlider"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Core
+
+### AnnouncementBar
+
+Reusable announcement bar component.
+
+- Mount: `data-component="AnnouncementBar"`
+- Props: `badge: string = "New"`, `message: string = "WrNexus Organizations is now available."`, `description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."`, `href: string = "/organizations"`, `actionLabel: string = "Explore organizations"`, `ariaLabel: string = "Announcement"`
+- Slots: None
+- Events: `click`
+
+### AspectRatio
+
+Reusable aspect ratio component.
+
+- Mount: `data-component="AspectRatio"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BackToTop
+
+Reusable back to top component.
+
+- Mount: `data-component="BackToTop"`
+- Props: `label: string = "Back to top"`, `assistiveLabel: string = "Return to the top of the page"`, `threshold: number = 500`
+- Slots: None
+- Events: `click`
+
+### Breadcrumbs
+
+Reusable breadcrumbs component.
+
+- Mount: `data-component="Breadcrumbs"`
+- Props: `homeLabel: string = "Home"`, `homeHref: string = "/"`, `current: string = "Current page"`
+- Slots: None
+- Events: None
+
+### Checkbox
+
+Reusable checkbox component.
+
+- Mount: `data-component="Checkbox"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Checkbox"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### Chip
+
+Reusable chip component.
+
+- Mount: `data-component="Chip"`
+- Props: `label: string = "Chip"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Cluster
+
+Reusable cluster component.
+
+- Mount: `data-component="Cluster"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Combobox
+
+Reusable combobox component.
+
+- Mount: `data-component="Combobox"`
+- 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
+
+### Container
+
+Reusable container component.
+
+- Mount: `data-component="Container"`
+- Props: `size: string = "default"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### disclosure
+
+Reusable disclosure component.
+
+- Mount: `data-component="disclosure"`
+- Props: `summary: string = "Details"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DisplayHeading
+
+Reusable display heading component.
+
+- Mount: `data-component="DisplayHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Divider
+
+Reusable divider component.
+
+- Mount: `data-component="Divider"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Drawer
+
+Reusable drawer component.
+
+- Mount: `data-component="Drawer"`
+- Props: `title: string = "Panel"`, `open: boolean = false`, `side: string = "right"`
+- Slots: `default`
+- Events: `click`
+
+### FAQ
+
+Reusable faq component.
+
+- Mount: `data-component="FAQ"`
+- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`
+- Slots: None
+- Events: None
+
+### FAQAccordion
+
+Reusable faqaccordion component.
+
+- Mount: `data-component="FAQAccordion"`
+- Props: `eyebrow: string = ""`, `title: string = "Frequently asked questions"`, `description: string = ""`, `items: string = []`, `centered: boolean = true`, `compact: boolean = false`, `allowMultiple: boolean = false`, `defaultOpenIndex: number = 0`, `showContact: boolean = false`, `contactText: string = "Still have questions?"`, `contactLabel: string = "Contact support"`, `contactHref: string = "/support"`
+- Slots: None
+- Events: `click`
+
+### file-upload
+
+Reusable file-upload component.
+
+- Mount: `data-component="file-upload"`
+- 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
+
+### FilterBar
+
+Reusable filter bar component.
+
+- Mount: `data-component="FilterBar"`
+- Props: `label: string = "Filters"`, `clearLabel: string = "Clear filters"`, `showClear: boolean = true`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Flex
+
+Reusable flex component.
+
+- Mount: `data-component="Flex"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormError
+
+Reusable form error component.
+
+- Mount: `data-component="FormError"`
+- Props: `id: string = ""`, `message: string = ""`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FullBleed
+
+Reusable full bleed component.
+
+- Mount: `data-component="FullBleed"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### hstack
+
+Reusable hstack component.
+
+- Mount: `data-component="hstack"`
+- Props: `gap: string = "4"`, `align: string = "center"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Inline
+
+Reusable inline component.
+
+- Mount: `data-component="Inline"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### input
+
+Reusable input component.
+
+- Mount: `data-component="input"`
+- Props: `type: string = "text"`, `name: string = ""`, `value: string = ""`, `placeholder: string = ""`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### LegalTableOfContents
+
+Reusable legal table of contents component.
+
+- Mount: `data-component="LegalTableOfContents"`
+- Props: `title: string = "On this page"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### Link
+
+Reusable link component.
+
+- Mount: `data-component="Link"`
+- Props: `href: string = "#"`, `label: string = "Link"`, `external: boolean = false`, `className: string = ""`
+- Slots: None
+- Events: None
+
+### LogoCloud
+
+Reusable logo cloud component.
+
+- Mount: `data-component="LogoCloud"`
+- Props: `title: string = "Trusted by modern teams"`
+- Slots: `default`
+- Events: None
+
+### Modal
+
+Reusable modal component.
+
+- Mount: `data-component="Modal"`
+- Props: `title: string = "Dialog"`, `description: string = ""`, `open: boolean = false`, `size: string = "md"`, `closeLabel: string = "Close"`
+- Slots: `default`
+- Events: `click`
+
+### MultiSelect
+
+Reusable multi select component.
+
+- Mount: `data-component="MultiSelect"`
+- 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
+
+### NarrowContainer
+
+Reusable narrow container component.
+
+- Mount: `data-component="NarrowContainer"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotificationDot
+
+Reusable notification dot component.
+
+- Mount: `data-component="NotificationDot"`
+- Props: `label: string = "Notification"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageHeading
+
+Reusable page heading component.
+
+- Mount: `data-component="PageHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageShell
+
+Reusable page shell component.
+
+- Mount: `data-component="PageShell"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Pagination
+
+Reusable pagination component.
+
+- Mount: `data-component="Pagination"`
+- Props: `page: number = 1`, `totalPages: number = 1`, `previousHref: string = "#"`, `nextHref: string = "#"`
+- Slots: None
+- Events: None
+
+### Pill
+
+Reusable pill component.
+
+- Mount: `data-component="Pill"`
+- Props: `label: string = "Pill"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### progress
+
+Reusable progress component.
+
+- Mount: `data-component="progress"`
+- Props: `value: number = 0`, `max: number = 100`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### ProgressBar
+
+Reusable progress bar component.
+
+- Mount: `data-component="ProgressBar"`
+- Props: `value: number = 0`, `max: number = 100`, `label: string = "Progress"`, `showValue: boolean = true`
+- Slots: None
+- Events: None
+
+### PublicFooter
+
+Reusable public footer component.
+
+- Mount: `data-component="PublicFooter"`
+- Props: `brand: string = "WRNexusJS"`, `description: string = "SSR-first, Bun-native full-stack framework."`, `copyright: string = "© 2026 WorkRoot Workspace"`
+- Slots: `default`
+- Events: None
+
+### Radio
+
+Reusable radio component.
+
+- Mount: `data-component="Radio"`
+- Props: `id: string = ""`, `name: string = "choice"`, `value: string = ""`, `label: string = "Option"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### ScrollArea
+
+Reusable scroll area component.
+
+- Mount: `data-component="ScrollArea"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SDKTabs
+
+Reusable sdktabs component.
+
+- Mount: `data-component="SDKTabs"`
+- Props: `label: string = "SDK languages"`, `tabs: string = []`, `defaultIndex: number = 0`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### SectionHeading
+
+Reusable section heading component.
+
+- Mount: `data-component="SectionHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Select
+
+Reusable select component.
+
+- Mount: `data-component="Select"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Select"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
+- Slots: `default`
+- Events: None
+
+### spacer
+
+Reusable spacer component.
+
+- Mount: `data-component="spacer"`
+- Props: `class: string = ""`
+- Slots: None
+- Events: None
+
+### Spinner
+
+Reusable spinner component.
+
+- Mount: `data-component="Spinner"`
+- Props: `label: string = "Loading"`, `size: string = "md"`
+- Slots: None
+- Events: None
+
+### Stack
+
+Reusable stack component.
+
+- Mount: `data-component="Stack"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Sticky
+
+Reusable sticky component.
+
+- Mount: `data-component="Sticky"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SubsectionHeading
+
+Reusable subsection heading component.
+
+- Mount: `data-component="SubsectionHeading"`
+- Props: `text: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Surface
+
+Reusable surface component.
+
+- Mount: `data-component="Surface"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Switch
+
+Reusable switch component.
+
+- Mount: `data-component="Switch"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Switch"`, `description: string = ""`, `checked: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: `click`
+
+### tag
+
+Reusable tag component.
+
+- Mount: `data-component="tag"`
+- Props: `label: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Textarea
+
+Reusable textarea component.
+
+- Mount: `data-component="Textarea"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Message"`, `value: string = ""`, `placeholder: string = ""`, `rows: number = 5`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`
+- Slots: None
+- Events: None
+
+### theme-toggle
+
+Reusable theme-toggle component.
+
+- Mount: `data-component="theme-toggle"`
+- Props: `label: string = "Toggle theme"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Toast
+
+Reusable toast component.
+
+- Mount: `data-component="Toast"`
+- Props: `title: string = "Saved"`, `description: string = ""`, `variant: string = "success"`, `duration: number = 5000`
+- Slots: None
+- Events: `click`
+
+### Typography
+
+Reusable typography component.
+
+- Mount: `data-component="Typography"`
+- Props: `as: string = "p"`, `variant: string = "body"`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VisuallyHidden
+
+Reusable visually hidden component.
+
+- Mount: `data-component="VisuallyHidden"`
+- Props: `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### Well
+
+Reusable well component.
+
+- Mount: `data-component="Well"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WideContainer
+
+Reusable wide container component.
+
+- Mount: `data-component="WideContainer"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Data
+
+### ActiveFilterList
+
+Reusable active filter list component.
+
+- Mount: `data-component="ActiveFilterList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ActivityList
+
+Reusable activity list component.
+
+- Mount: `data-component="ActivityList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiHeaderTable
+
+Reusable api header table component.
+
+- Mount: `data-component="ApiHeaderTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiParameterTable
+
+Reusable api parameter table component.
+
+- Mount: `data-component="ApiParameterTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiSchemaTable
+
+Reusable api schema table component.
+
+- Mount: `data-component="ApiSchemaTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AuditTable
+
+Reusable audit table component.
+
+- Mount: `data-component="AuditTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AutoGrid
+
+Reusable auto grid component.
+
+- Mount: `data-component="AutoGrid"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogGrid
+
+Reusable blog grid component.
+
+- Mount: `data-component="BlogGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BlogList
+
+Reusable blog list component.
+
+- Mount: `data-component="BlogList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarGrid
+
+Reusable calendar grid component.
+
+- Mount: `data-component="CalendarGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CapabilityGrid
+
+Reusable capability grid component.
+
+- Mount: `data-component="CapabilityGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CareerBenefitsGrid
+
+Reusable career benefits grid component.
+
+- Mount: `data-component="CareerBenefitsGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelComparisonTable
+
+Reusable channel comparison table component.
+
+- Mount: `data-component="ChannelComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelRateTable
+
+Reusable channel rate table component.
+
+- Mount: `data-component="ChannelRateTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ColorGrid
+
+Reusable color grid component.
+
+- Mount: `data-component="ColorGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComparisonTable
+
+Reusable comparison table component.
+
+- Mount: `data-component="ComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComplianceBadgeList
+
+Reusable compliance badge list component.
+
+- Mount: `data-component="ComplianceBadgeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversationList
+
+Reusable conversation list component.
+
+- Mount: `data-component="ConversationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieCategoryList
+
+Reusable cookie category list component.
+
+- Mount: `data-component="CookieCategoryList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieDetailsTable
+
+Reusable cookie details table component.
+
+- Mount: `data-component="CookieDetailsTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieTable
+
+Reusable cookie table component.
+
+- Mount: `data-component="CookieTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataRetentionTable
+
+Reusable data retention table component.
+
+- Mount: `data-component="DataRetentionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DataTable
+
+Reusable data table component.
+
+- Mount: `data-component="DataTable"`
+- Props: `caption: string = "Data table"`, `columns: string = []`, `rows: string = []`, `emptyMessage: string = "No data available."`, `striped: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### DefinitionList
+
+Reusable definition list component.
+
+- Mount: `data-component="DefinitionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DescriptionList
+
+Reusable description list component.
+
+- Mount: `data-component="DescriptionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EventTable
+
+Reusable event table component.
+
+- Mount: `data-component="EventTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureComparisonTable
+
+Reusable feature comparison table component.
+
+- Mount: `data-component="FeatureComparisonTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureGrid
+
+Reusable feature grid component.
+
+- Mount: `data-component="FeatureGrid"`
+- Props: `columns: number = 3`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureList
+
+Reusable feature list component.
+
+- Mount: `data-component="FeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileList
+
+Reusable file list component.
+
+- Mount: `data-component="FileList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FilterableTable
+
+Reusable filterable table component.
+
+- Mount: `data-component="FilterableTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormGrid
+
+Reusable form grid component.
+
+- Mount: `data-component="FormGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormRow
+
+Reusable form row component.
+
+- Mount: `data-component="FormRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Grid
+
+Reusable grid component.
+
+- Mount: `data-component="Grid"`
+- Props: `gap: string = "4"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideGrid
+
+Reusable guide grid component.
+
+- Mount: `data-component="GuideGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentList
+
+Reusable incident list component.
+
+- Mount: `data-component="IncidentList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### KeyValueTable
+
+Reusable key value table component.
+
+- Mount: `data-component="KeyValueTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LeadershipGrid
+
+Reusable leadership grid component.
+
+- Mount: `data-component="LeadershipGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalBulletList
+
+Reusable legal bullet list component.
+
+- Mount: `data-component="LegalBulletList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDefinitionList
+
+Reusable legal definition list component.
+
+- Mount: `data-component="LegalDefinitionList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalTable
+
+Reusable legal table component.
+
+- Mount: `data-component="LegalTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### List
+
+Reusable list component.
+
+- Mount: `data-component="List"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogTable
+
+Reusable log table component.
+
+- Mount: `data-component="LogTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MemberList
+
+Reusable member list component.
+
+- Mount: `data-component="MemberList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MetricGrid
+
+Reusable metric grid component.
+
+- Mount: `data-component="MetricGrid"`
+- Props: `label: string = "Key metrics"`, `metrics: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### NotificationList
+
+Reusable notification list component.
+
+- Mount: `data-component="NotificationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PartnerLogoGrid
+
+Reusable partner logo grid component.
+
+- Mount: `data-component="PartnerLogoGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasswordRequirementList
+
+Reusable password requirement list component.
+
+- Mount: `data-component="PasswordRequirementList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanFeatureList
+
+Reusable plan feature list component.
+
+- Mount: `data-component="PlanFeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PlanLimitList
+
+Reusable plan limit list component.
+
+- Mount: `data-component="PlanLimitList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PolicyVersionTable
+
+Reusable policy version table component.
+
+- Mount: `data-component="PolicyVersionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingComparisonTable
+
+Reusable pricing comparison table component.
+
+- Mount: `data-component="PricingComparisonTable"`
+- Props: `caption: string = "Plan comparison"`, `plans: string = []`, `features: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### PricingGrid
+
+Reusable pricing grid component.
+
+- Mount: `data-component="PricingGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingTable
+
+Reusable pricing table component.
+
+- Mount: `data-component="PricingTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductFeatureList
+
+Reusable product feature list component.
+
+- Mount: `data-component="ProductFeatureList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductGrid
+
+Reusable product grid component.
+
+- Mount: `data-component="ProductGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductIntegrationList
+
+Reusable product integration list component.
+
+- Mount: `data-component="ProductIntegrationList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductList
+
+Reusable product list component.
+
+- Mount: `data-component="ProductList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductUseCaseList
+
+Reusable product use case list component.
+
+- Mount: `data-component="ProductUseCaseList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateTable
+
+Reusable rate table component.
+
+- Mount: `data-component="RateTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionAvailabilityTable
+
+Reusable region availability table component.
+
+- Mount: `data-component="RegionAvailabilityTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResponsiveTable
+
+Reusable responsive table component.
+
+- Mount: `data-component="ResponsiveTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RetentionTable
+
+Reusable retention table component.
+
+- Mount: `data-component="RetentionTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityPillarGrid
+
+Reusable security pillar grid component.
+
+- Mount: `data-component="SecurityPillarGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityPracticeList
+
+Reusable security practice list component.
+
+- Mount: `data-component="SecurityPracticeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceLevelTable
+
+Reusable service level table component.
+
+- Mount: `data-component="ServiceLevelTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusList
+
+Reusable service status list component.
+
+- Mount: `data-component="ServiceStatusList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusRow
+
+Reusable service status row component.
+
+- Mount: `data-component="ServiceStatusRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SlaTable
+
+Reusable sla table component.
+
+- Mount: `data-component="SlaTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SortableTable
+
+Reusable sortable table component.
+
+- Mount: `data-component="SortableTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusTable
+
+Reusable status table component.
+
+- Mount: `data-component="StatusTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SubprocessorTable
+
+Reusable subprocessor table component.
+
+- Mount: `data-component="SubprocessorTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Table
+
+Reusable table component.
+
+- Mount: `data-component="Table"`
+- Props: `caption: string = "Data table"`, `responsive: boolean = true`
+- Slots: `default`
+- Events: None
+
+### TableRow
+
+Reusable table row component.
+
+- Mount: `data-component="TableRow"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TreeTable
+
+Reusable tree table component.
+
+- Mount: `data-component="TreeTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TrustBadgeList
+
+Reusable trust badge list component.
+
+- Mount: `data-component="TrustBadgeList"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UsagePricingTable
+
+Reusable usage pricing table component.
+
+- Mount: `data-component="UsagePricingTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ValuesGrid
+
+Reusable values grid component.
+
+- Mount: `data-component="ValuesGrid"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VirtualizedTable
+
+Reusable virtualized table component.
+
+- Mount: `data-component="VirtualizedTable"`
+- Props: `title: string = ""`, `description: string = ""`, `empty: boolean = false`, `emptyText: string = "No items available."`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Feedback
+
+### AccountStatusBanner
+
+Reusable account status banner component.
+
+- Mount: `data-component="AccountStatusBanner"`
+- Props: `label: string = "AccountStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Alert
+
+Reusable alert component.
+
+- Mount: `data-component="Alert"`
+- Props: `title: string = "Notice"`, `description: string = ""`, `variant: string = "info"`, `dismissible: boolean = false`
+- Slots: `default`
+- Events: `click`
+
+### ApiAuthenticationNotice
+
+Reusable api authentication notice component.
+
+- Mount: `data-component="ApiAuthenticationNotice"`
+- Props: `label: string = "ApiAuthentication"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiMethodBadge
+
+Reusable api method badge component.
+
+- Mount: `data-component="ApiMethodBadge"`
+- Props: `label: string = "ApiMethod"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiRateLimitNotice
+
+Reusable api rate limit notice component.
+
+- Mount: `data-component="ApiRateLimitNotice"`
+- Props: `label: string = "ApiRateLimit"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiVersionBadge
+
+Reusable api version badge component.
+
+- Mount: `data-component="ApiVersionBadge"`
+- Props: `label: string = "ApiVersion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Badge
+
+Reusable badge component.
+
+- Mount: `data-component="Badge"`
+- Props: `label: string = "Badge"`, `variant: string = "neutral"`
+- Slots: None
+- Events: None
+
+### Banner
+
+Reusable banner component.
+
+- Mount: `data-component="Banner"`
+- Props: `text: string = "Announcement"`, `href: string = ""`, `actionLabel: string = "Learn more"`, `variant: string = "brand"`
+- Slots: None
+- Events: None
+
+### BetaBadge
+
+Reusable beta badge component.
+
+- Mount: `data-component="BetaBadge"`
+- Props: `label: string = "Beta"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CardSkeleton
+
+Reusable card skeleton component.
+
+- Mount: `data-component="CardSkeleton"`
+- Props: `label: string = "Card"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CertificationBadge
+
+Reusable certification badge component.
+
+- Mount: `data-component="CertificationBadge"`
+- Props: `label: string = "Certification"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelBadge
+
+Reusable channel badge component.
+
+- Mount: `data-component="ChannelBadge"`
+- Props: `label: string = "Channel"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CharacterCounter
+
+Reusable character counter component.
+
+- Mount: `data-component="CharacterCounter"`
+- Props: `label: string = "Character"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChartEmptyState
+
+Reusable chart empty state component.
+
+- Mount: `data-component="ChartEmptyState"`
+- Props: `label: string = "ChartEmpty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeLanguageBadge
+
+Reusable code language badge component.
+
+- Mount: `data-component="CodeLanguageBadge"`
+- Props: `label: string = "CodeLanguage"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComingSoonBadge
+
+Reusable coming soon badge component.
+
+- Mount: `data-component="ComingSoonBadge"`
+- Props: `label: string = "ComingSoon"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ComingSoonState
+
+Reusable coming soon state component.
+
+- Mount: `data-component="ComingSoonState"`
+- Props: `label: string = "ComingSoon"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookieBanner
+
+Reusable cookie banner component.
+
+- Mount: `data-component="CookieBanner"`
+- Props: `title: string = "We use cookies"`, `description: string = "We use essential cookies and optional analytics to improve your experience."`, `privacyHref: string = "/privacy"`
+- Slots: None
+- Events: `click`
+
+### Counter
+
+Reusable counter component.
+
+- Mount: `data-component="Counter"`
+- Props: `label: string = "Status"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeprecatedFeatureAlert
+
+Reusable deprecated feature alert component.
+
+- Mount: `data-component="DeprecatedFeatureAlert"`
+- Props: `label: string = "DeprecatedFeature"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EmptyState
+
+Reusable empty state component.
+
+- Mount: `data-component="EmptyState"`
+- Props: `icon: string = "◇"`, `title: string = "Nothing here yet"`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = "#"`
+- Slots: None
+- Events: None
+
+### ErrorState
+
+Reusable error state component.
+
+- Mount: `data-component="ErrorState"`
+- Props: `code: string = "500"`, `title: string = "Something went wrong"`, `description: string = "Please try again."`, `actionLabel: string = "Try again"`, `actionHref: string = "/"`
+- Slots: None
+- Events: None
+
+### FeatureUnavailableState
+
+Reusable feature unavailable state component.
+
+- Mount: `data-component="FeatureUnavailableState"`
+- Props: `label: string = "FeatureUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FileTypeBadge
+
+Reusable file type badge component.
+
+- Mount: `data-component="FileTypeBadge"`
+- Props: `label: string = "FileType"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FooterStatusIndicator
+
+Reusable footer status indicator component.
+
+- Mount: `data-component="FooterStatusIndicator"`
+- Props: `label: string = "FooterStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ForbiddenState
+
+Reusable forbidden state component.
+
+- Mount: `data-component="ForbiddenState"`
+- Props: `label: string = "Forbidden"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormAlert
+
+Reusable form alert component.
+
+- Mount: `data-component="FormAlert"`
+- Props: `label: string = "Form"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GuideDifficultyBadge
+
+Reusable guide difficulty badge component.
+
+- Mount: `data-component="GuideDifficultyBadge"`
+- Props: `label: string = "GuideDifficulty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### HealthIndicator
+
+Reusable health indicator component.
+
+- Mount: `data-component="HealthIndicator"`
+- Props: `label: string = "Health"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentAlert
+
+Reusable incident alert component.
+
+- Mount: `data-component="IncidentAlert"`
+- Props: `label: string = "Incident"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentBanner
+
+Reusable incident banner component.
+
+- Mount: `data-component="IncidentBanner"`
+- Props: `label: string = "Incident"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentSeverityBadge
+
+Reusable incident severity badge component.
+
+- Mount: `data-component="IncidentSeverityBadge"`
+- Props: `label: string = "IncidentSeverity"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IndustryBadge
+
+Reusable industry badge component.
+
+- Mount: `data-component="IndustryBadge"`
+- Props: `label: string = "Industry"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InlineAlert
+
+Reusable inline alert component.
+
+- Mount: `data-component="InlineAlert"`
+- Props: `label: string = "Inline"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalAcceptanceNotice
+
+Reusable legal acceptance notice component.
+
+- Mount: `data-component="LegalAcceptanceNotice"`
+- Props: `label: string = "LegalAcceptance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalNotice
+
+Reusable legal notice component.
+
+- Mount: `data-component="LegalNotice"`
+- Props: `label: string = "Legal"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalVersionBadge
+
+Reusable legal version badge component.
+
+- Mount: `data-component="LegalVersionBadge"`
+- Props: `label: string = "LegalVersion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceAlert
+
+Reusable maintenance alert component.
+
+- Mount: `data-component="MaintenanceAlert"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceBanner
+
+Reusable maintenance banner component.
+
+- Mount: `data-component="MaintenanceBanner"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MaintenanceState
+
+Reusable maintenance state component.
+
+- Mount: `data-component="MaintenanceState"`
+- Props: `label: string = "Maintenance"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MessageCharacterCounter
+
+Reusable message character counter component.
+
+- Mount: `data-component="MessageCharacterCounter"`
+- Props: `label: string = "MessageCharacter"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NewBadge
+
+Reusable new badge component.
+
+- Mount: `data-component="NewBadge"`
+- Props: `label: string = "New"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NoResultsState
+
+Reusable no results state component.
+
+- Mount: `data-component="NoResultsState"`
+- Props: `label: string = "NoResults"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### NotFoundState
+
+Reusable not found state component.
+
+- Mount: `data-component="NotFoundState"`
+- Props: `label: string = "NotFound"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OfflineState
+
+Reusable offline state component.
+
+- Mount: `data-component="OfflineState"`
+- Props: `label: string = "Offline"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OnlineIndicator
+
+Reusable online indicator component.
+
+- Mount: `data-component="OnlineIndicator"`
+- Props: `label: string = "Online"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OptionalIndicator
+
+Reusable optional indicator component.
+
+- Mount: `data-component="OptionalIndicator"`
+- Props: `label: string = "Optional"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageAlert
+
+Reusable page alert component.
+
+- Mount: `data-component="PageAlert"`
+- Props: `label: string = "Page"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PageSkeleton
+
+Reusable page skeleton component.
+
+- Mount: `data-component="PageSkeleton"`
+- Props: `label: string = "Page"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PreviewBadge
+
+Reusable preview badge component.
+
+- Mount: `data-component="PreviewBadge"`
+- Props: `label: string = "Preview"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PrivacyNotice
+
+Reusable privacy notice component.
+
+- Mount: `data-component="PrivacyNotice"`
+- Props: `label: string = "Privacy"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductStatusBadge
+
+Reusable product status badge component.
+
+- Mount: `data-component="ProductStatusBadge"`
+- Props: `label: string = "ProductStatus"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RateLimitedState
+
+Reusable rate limited state component.
+
+- Mount: `data-component="RateLimitedState"`
+- Props: `label: string = "RateLimited"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionalPrivacyBanner
+
+Reusable regional privacy banner component.
+
+- Mount: `data-component="RegionalPrivacyBanner"`
+- Props: `label: string = "RegionalPrivacy"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionUnavailableAlert
+
+Reusable region unavailable alert component.
+
+- Mount: `data-component="RegionUnavailableAlert"`
+- Props: `label: string = "RegionUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RegionUnavailableState
+
+Reusable region unavailable state component.
+
+- Mount: `data-component="RegionUnavailableState"`
+- Props: `label: string = "RegionUnavailable"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RequiredIndicator
+
+Reusable required indicator component.
+
+- Mount: `data-component="RequiredIndicator"`
+- Props: `label: string = "Required"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourceTypeBadge
+
+Reusable resource type badge component.
+
+- Mount: `data-component="ResourceTypeBadge"`
+- Props: `label: string = "ResourceType"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchEmptyState
+
+Reusable search empty state component.
+
+- Mount: `data-component="SearchEmptyState"`
+- Props: `label: string = "SearchEmpty"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchLoadingState
+
+Reusable search loading state component.
+
+- Mount: `data-component="SearchLoadingState"`
+- Props: `label: string = "SearchLoading"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecurityAlert
+
+Reusable security alert component.
+
+- Mount: `data-component="SecurityAlert"`
+- Props: `label: string = "Security"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ServiceStatusBadge
+
+Reusable service status badge component.
+
+- Mount: `data-component="ServiceStatusBadge"`
+- Props: `label: string = "ServiceStatus"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Skeleton
+
+Reusable skeleton component.
+
+- Mount: `data-component="Skeleton"`
+- Props: `height: string = "4"`, `rounded: string = "lg"`, `className: string = ""`
+- Slots: None
+- Events: None
+
+### SmsSegmentCounter
+
+Reusable sms segment counter component.
+
+- Mount: `data-component="SmsSegmentCounter"`
+- Props: `label: string = "SmsSegment"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusBadge
+
+Reusable status badge component.
+
+- Mount: `data-component="StatusBadge"`
+- Props: `status: string = "operational"`
+- Slots: None
+- Events: None
+
+### SuccessState
+
+Reusable success state component.
+
+- Mount: `data-component="SuccessState"`
+- Props: `label: string = "Success"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TableSkeleton
+
+Reusable table skeleton component.
+
+- Mount: `data-component="TableSkeleton"`
+- Props: `label: string = "Table"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TaxNotice
+
+Reusable tax notice component.
+
+- Mount: `data-component="TaxNotice"`
+- Props: `label: string = "Tax"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TextSkeleton
+
+Reusable text skeleton component.
+
+- Mount: `data-component="TextSkeleton"`
+- Props: `label: string = "Text"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TrendIndicator
+
+Reusable trend indicator component.
+
+- Mount: `data-component="TrendIndicator"`
+- Props: `label: string = "Trend"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnavailableRegionState
+
+Reusable unavailable region state component.
+
+- Mount: `data-component="UnavailableRegionState"`
+- Props: `label: string = "UnavailableRegion"`, `title: string = ""`, `description: string = ""`, `value: string = ""`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VerifiedBadge
+
+Reusable verified badge component.
+
+- Mount: `data-component="VerifiedBadge"`
+- Props: `label: string = "Verified"`, `variant: string = "default"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Forms
+
+### AddressInput
+
+Reusable address input component.
+
+- Mount: `data-component="AddressInput"`
+- 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
+
+### AmountInput
+
+Reusable amount input component.
+
+- Mount: `data-component="AmountInput"`
+- 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
+
+### ApartmentInput
+
+Reusable apartment input component.
+
+- Mount: `data-component="ApartmentInput"`
+- 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
+
+### ApiKeyInput
+
+Reusable api key input component.
+
+- Mount: `data-component="ApiKeyInput"`
+- 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
+
+### AttachmentPicker
+
+Reusable attachment picker component.
+
+- Mount: `data-component="AttachmentPicker"`
+- 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
+
+### AuthenticatorCodeInput
+
+Reusable authenticator code input component.
+
+- Mount: `data-component="AuthenticatorCodeInput"`
+- 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
+
+### AvatarGroup
+
+Reusable avatar group component.
+
+- Mount: `data-component="AvatarGroup"`
+- 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
+
+### BillingPeriodToggle
+
+Reusable billing period toggle component.
+
+- Mount: `data-component="BillingPeriodToggle"`
+- 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
+
+Reusable blackout date picker component.
+
+- Mount: `data-component="BlackoutDatePicker"`
+- 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
+
+### BorderRadiusPicker
+
+Reusable border radius picker component.
+
+- Mount: `data-component="BorderRadiusPicker"`
+- 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
+
+### BrandColorPicker
+
+Reusable brand color picker component.
+
+- Mount: `data-component="BrandColorPicker"`
+- 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
+
+Reusable brand selector component.
+
+- Mount: `data-component="BrandSelector"`
+- 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
+
+### BudgetSelector
+
+Reusable budget selector component.
+
+- Mount: `data-component="BudgetSelector"`
+- 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
+
+Reusable business hours picker component.
+
+- Mount: `data-component="BusinessHoursPicker"`
+- 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
+
+### ButtonGroup
+
+Reusable button group component.
+
+- Mount: `data-component="ButtonGroup"`
+- 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
+
+Reusable button selector component.
+
+- Mount: `data-component="ButtonSelector"`
+- 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
+
+### CallbackUrlInput
+
+Reusable callback url input component.
+
+- Mount: `data-component="CallbackUrlInput"`
+- 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
+
+### CaptchaField
+
+Reusable captcha field component.
+
+- Mount: `data-component="CaptchaField"`
+- 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
+
+### CardSelector
+
+Reusable card selector component.
+
+- Mount: `data-component="CardSelector"`
+- 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
+
+### ChannelSelector
+
+Reusable channel selector component.
+
+- Mount: `data-component="ChannelSelector"`
+- 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
+
+### CheckboxGroup
+
+Reusable checkbox group component.
+
+- Mount: `data-component="CheckboxGroup"`
+- 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
+
+### ChipInput
+
+Reusable chip input component.
+
+- Mount: `data-component="ChipInput"`
+- 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
+
+### CitySelector
+
+Reusable city selector component.
+
+- Mount: `data-component="CitySelector"`
+- 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
+
+### CodeInput
+
+Reusable code input component.
+
+- Mount: `data-component="CodeInput"`
+- 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
+
+### ColorHexInput
+
+Reusable color hex input component.
+
+- Mount: `data-component="ColorHexInput"`
+- 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
+
+Reusable color picker component.
+
+- Mount: `data-component="ColorPicker"`
+- 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
+
+Reusable color selector component.
+
+- Mount: `data-component="ColorSelector"`
+- 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
+
+### CommandSearchInput
+
+Reusable command search input component.
+
+- Mount: `data-component="CommandSearchInput"`
+- 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
+
+### CompanyNameInput
+
+Reusable company name input component.
+
+- Mount: `data-component="CompanyNameInput"`
+- 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
+
+### CompanySizeSelector
+
+Reusable company size selector component.
+
+- Mount: `data-component="CompanySizeSelector"`
+- 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
+
+Reusable comparison date range picker component.
+
+- Mount: `data-component="ComparisonDateRangePicker"`
+- 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
+
+### ConfirmPasswordInput
+
+Reusable confirm password input component.
+
+- Mount: `data-component="ConfirmPasswordInput"`
+- 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
+
+### CookieCategoryToggle
+
+Reusable cookie category toggle component.
+
+- Mount: `data-component="CookieCategoryToggle"`
+- 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
+
+### CoordinatesInput
+
+Reusable coordinates input component.
+
+- Mount: `data-component="CoordinatesInput"`
+- 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
+
+Reusable coordinates picker component.
+
+- Mount: `data-component="CoordinatesPicker"`
+- 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
+
+### CopySecretField
+
+Reusable copy secret field component.
+
+- Mount: `data-component="CopySecretField"`
+- 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
+
+### CountryCallingCodeInput
+
+Reusable country calling code input component.
+
+- Mount: `data-component="CountryCallingCodeInput"`
+- 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
+
+Reusable country calling code selector component.
+
+- Mount: `data-component="CountryCallingCodeSelector"`
+- 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
+
+Reusable country selector component.
+
+- Mount: `data-component="CountrySelector"`
+- 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
+
+Reusable coupon input component.
+
+- Mount: `data-component="CouponInput"`
+- 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
+
+Reusable credit amount input component.
+
+- Mount: `data-component="CreditAmountInput"`
+- 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
+
+### CronInput
+
+Reusable cron input component.
+
+- Mount: `data-component="CronInput"`
+- 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
+
+### CurrencyInput
+
+Reusable currency input component.
+
+- Mount: `data-component="CurrencyInput"`
+- 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
+
+Reusable currency selector component.
+
+- Mount: `data-component="CurrencySelector"`
+- 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
+
+Reusable current password input component.
+
+- Mount: `data-component="CurrentPasswordInput"`
+- 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
+
+### DateInput
+
+Reusable date input component.
+
+- Mount: `data-component="DateInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Date"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### DatePicker
+
+Reusable date picker component.
+
+- Mount: `data-component="DatePicker"`
+- Props: `id: string = "date"`, `name: string = "date"`, `label: string = "Date"`, `value: string = ""`, `min: string = ""`, `max: string = ""`, `required: boolean = false`
+- Slots: None
+- Events: None
+
+### DateRangePicker
+
+Reusable date range picker component.
+
+- Mount: `data-component="DateRangePicker"`
+- Props: `label: string = "Date range"`, `startName: string = "startDate"`, `endName: string = "endDate"`
+- Slots: None
+- Events: None
+
+### DateTimeInput
+
+Reusable date time input component.
+
+- Mount: `data-component="DateTimeInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "DateTime"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### DateTimePicker
+
+Reusable date time picker component.
+
+- Mount: `data-component="DateTimePicker"`
+- 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
+
+Reusable date time range picker component.
+
+- Mount: `data-component="DateTimeRangePicker"`
+- 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
+
+Reusable decimal input component.
+
+- Mount: `data-component="DecimalInput"`
+- 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
+
+### DepartmentInput
+
+Reusable department input component.
+
+- Mount: `data-component="DepartmentInput"`
+- 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
+
+### DiscountInput
+
+Reusable discount input component.
+
+- Mount: `data-component="DiscountInput"`
+- 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
+
+### DisplayNameInput
+
+Reusable display name input component.
+
+- Mount: `data-component="DisplayNameInput"`
+- 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
+
+### DomainInput
+
+Reusable domain input component.
+
+- Mount: `data-component="DomainInput"`
+- 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
+
+### DurationInput
+
+Reusable duration input component.
+
+- Mount: `data-component="DurationInput"`
+- 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
+
+Reusable duration picker component.
+
+- Mount: `data-component="DurationPicker"`
+- 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
+
+### EmailBodyEditor
+
+Reusable email body editor component.
+
+- Mount: `data-component="EmailBodyEditor"`
+- 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
+
+### EmailInput
+
+Reusable email input component.
+
+- Mount: `data-component="EmailInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Email"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### EmojiPicker
+
+Reusable emoji picker component.
+
+- Mount: `data-component="EmojiPicker"`
+- 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
+
+### EnvironmentSelector
+
+Reusable environment selector component.
+
+- Mount: `data-component="EnvironmentSelector"`
+- 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
+
+### ExpiryDateTimePicker
+
+Reusable expiry date time picker component.
+
+- Mount: `data-component="ExpiryDateTimePicker"`
+- 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
+
+### FaxInput
+
+Reusable fax input component.
+
+- Mount: `data-component="FaxInput"`
+- 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
+
+### FileInput
+
+Reusable file input component.
+
+- Mount: `data-component="FileInput"`
+- 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
+
+### FileSizeInput
+
+Reusable file size input component.
+
+- Mount: `data-component="FileSizeInput"`
+- 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
+
+### FilterSearchInput
+
+Reusable filter search input component.
+
+- Mount: `data-component="FilterSearchInput"`
+- 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
+
+### FirstNameInput
+
+Reusable first name input component.
+
+- Mount: `data-component="FirstNameInput"`
+- 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
+
+### FontPicker
+
+Reusable font picker component.
+
+- Mount: `data-component="FontPicker"`
+- 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
+
+Reusable font size picker component.
+
+- Mount: `data-component="FontSizePicker"`
+- 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
+
+Reusable font weight picker component.
+
+- Mount: `data-component="FontWeightPicker"`
+- 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
+
+### FormField
+
+Reusable form field component.
+
+- Mount: `data-component="FormField"`
+- Props: `label: string = "Field"`, `help: string = ""`, `error: string = ""`, `required: boolean = false`
+- Slots: `default`
+- Events: None
+
+### FormGroup
+
+Reusable form group component.
+
+- Mount: `data-component="FormGroup"`
+- 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
+
+### GeofenceEditor
+
+Reusable geofence editor component.
+
+- Mount: `data-component="GeofenceEditor"`
+- 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
+
+### GradientPicker
+
+Reusable gradient picker component.
+
+- Mount: `data-component="GradientPicker"`
+- 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
+
+Reusable gradient stop editor component.
+
+- Mount: `data-component="GradientStopEditor"`
+- 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
+
+### HexColorInput
+
+Reusable hex color input component.
+
+- Mount: `data-component="HexColorInput"`
+- 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
+
+Reusable hidden field component.
+
+- Mount: `data-component="HiddenField"`
+- 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
+
+### HostnameInput
+
+Reusable hostname input component.
+
+- Mount: `data-component="HostnameInput"`
+- 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
+
+Reusable hour picker component.
+
+- Mount: `data-component="HourPicker"`
+- 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
+
+Reusable hsl color input component.
+
+- Mount: `data-component="HslColorInput"`
+- 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
+
+### HtmlEditor
+
+Reusable html editor component.
+
+- Mount: `data-component="HtmlEditor"`
+- 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
+
+### IconPicker
+
+Reusable icon picker component.
+
+- Mount: `data-component="IconPicker"`
+- 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
+
+Reusable icon selector component.
+
+- Mount: `data-component="IconSelector"`
+- 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
+
+Reusable identifier input component.
+
+- Mount: `data-component="IdentifierInput"`
+- 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
+
+### ImageEditor
+
+Reusable image editor component.
+
+- Mount: `data-component="ImageEditor"`
+- 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
+
+### ImageSelector
+
+Reusable image selector component.
+
+- Mount: `data-component="ImageSelector"`
+- 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
+
+### IndustrySelector
+
+Reusable industry selector component.
+
+- Mount: `data-component="IndustrySelector"`
+- 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
+
+### InputGroup
+
+Reusable input group component.
+
+- Mount: `data-component="InputGroup"`
+- 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
+
+### IntegerInput
+
+Reusable integer input component.
+
+- Mount: `data-component="IntegerInput"`
+- 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
+
+### IpAddressInput
+
+Reusable ip address input component.
+
+- Mount: `data-component="IpAddressInput"`
+- 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
+
+### JobTitleInput
+
+Reusable job title input component.
+
+- Mount: `data-component="JobTitleInput"`
+- 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
+
+Reusable json input component.
+
+- Mount: `data-component="JsonInput"`
+- 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
+
+### LanguageSelector
+
+Reusable language selector component.
+
+- Mount: `data-component="LanguageSelector"`
+- 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
+
+### LastNameInput
+
+Reusable last name input component.
+
+- Mount: `data-component="LastNameInput"`
+- 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
+
+### LatitudeInput
+
+Reusable latitude input component.
+
+- Mount: `data-component="LatitudeInput"`
+- 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
+
+### LegalLanguageSelector
+
+Reusable legal language selector component.
+
+- Mount: `data-component="LegalLanguageSelector"`
+- 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
+
+### LegalRegionSelector
+
+Reusable legal region selector component.
+
+- Mount: `data-component="LegalRegionSelector"`
+- 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
+
+### LetterSpacingPicker
+
+Reusable letter spacing picker component.
+
+- Mount: `data-component="LetterSpacingPicker"`
+- 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
+
+Reusable license key input component.
+
+- Mount: `data-component="LicenseKeyInput"`
+- 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
+
+### LineHeightPicker
+
+Reusable line height picker component.
+
+- Mount: `data-component="LineHeightPicker"`
+- 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
+
+### LocaleSelector
+
+Reusable locale selector component.
+
+- Mount: `data-component="LocaleSelector"`
+- 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
+
+### LocationPicker
+
+Reusable location picker component.
+
+- Mount: `data-component="LocationPicker"`
+- 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
+
+### LongitudeInput
+
+Reusable longitude input component.
+
+- Mount: `data-component="LongitudeInput"`
+- 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
+
+### MaintenanceWindowPicker
+
+Reusable maintenance window picker component.
+
+- Mount: `data-component="MaintenanceWindowPicker"`
+- 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
+
+Reusable map picker component.
+
+- Mount: `data-component="MapPicker"`
+- 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
+
+Reusable markdown editor component.
+
+- Mount: `data-component="MarkdownEditor"`
+- 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
+
+### MaskedSecretField
+
+Reusable masked secret field component.
+
+- Mount: `data-component="MaskedSecretField"`
+- 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
+
+### MentionInput
+
+Reusable mention input component.
+
+- Mount: `data-component="MentionInput"`
+- 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
+
+### MessageLimitInput
+
+Reusable message limit input component.
+
+- Mount: `data-component="MessageLimitInput"`
+- 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
+
+### MinutePicker
+
+Reusable minute picker component.
+
+- Mount: `data-component="MinutePicker"`
+- 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
+
+### MobileInput
+
+Reusable mobile input component.
+
+- Mount: `data-component="MobileInput"`
+- 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
+
+### MonthlyVolumeSelector
+
+Reusable monthly volume selector component.
+
+- Mount: `data-component="MonthlyVolumeSelector"`
+- 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
+
+Reusable month picker component.
+
+- Mount: `data-component="MonthPicker"`
+- 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
+
+Reusable month year picker component.
+
+- Mount: `data-component="MonthYearPicker"`
+- 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
+
+### MultipleEmailInput
+
+Reusable multiple email input component.
+
+- Mount: `data-component="MultipleEmailInput"`
+- 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
+
+### NameInput
+
+Reusable name input component.
+
+- Mount: `data-component="NameInput"`
+- 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
+
+### NewPasswordInput
+
+Reusable new password input component.
+
+- Mount: `data-component="NewPasswordInput"`
+- 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
+
+### NumberInput
+
+Reusable number input component.
+
+- Mount: `data-component="NumberInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Number"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### OrganizationSelector
+
+Reusable organization selector component.
+
+- Mount: `data-component="OrganizationSelector"`
+- 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
+
+Reusable otp input component.
+
+- Mount: `data-component="OtpInput"`
+- Props: `name: string = "otp"`, `length: number = 6`, `label: string = "Verification code"`
+- Slots: None
+- Events: None
+
+### PasswordInput
+
+Reusable password input component.
+
+- Mount: `data-component="PasswordInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Password"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### PasswordVisibilityToggle
+
+Reusable password visibility toggle component.
+
+- Mount: `data-component="PasswordVisibilityToggle"`
+- 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
+
+Reusable path input component.
+
+- Mount: `data-component="PathInput"`
+- 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
+
+### PercentageInput
+
+Reusable percentage input component.
+
+- Mount: `data-component="PercentageInput"`
+- 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
+
+Reusable permission selector component.
+
+- Mount: `data-component="PermissionSelector"`
+- 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
+
+Reusable phone input component.
+
+- Mount: `data-component="PhoneInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Phone"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### PinInput
+
+Reusable pin input component.
+
+- Mount: `data-component="PinInput"`
+- 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
+
+Reusable plain text editor component.
+
+- Mount: `data-component="PlainTextEditor"`
+- 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
+
+### PlanSelector
+
+Reusable plan selector component.
+
+- Mount: `data-component="PlanSelector"`
+- 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
+
+### PortInput
+
+Reusable port input component.
+
+- Mount: `data-component="PortInput"`
+- 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
+
+Reusable port number input component.
+
+- Mount: `data-component="PortNumberInput"`
+- 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
+
+Reusable positive number input component.
+
+- Mount: `data-component="PositiveNumberInput"`
+- 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
+
+Reusable postal code input component.
+
+- Mount: `data-component="PostalCodeInput"`
+- 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
+
+### PresetDateRangePicker
+
+Reusable preset date range picker component.
+
+- Mount: `data-component="PresetDateRangePicker"`
+- 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
+
+### PriceInput
+
+Reusable price input component.
+
+- Mount: `data-component="PriceInput"`
+- 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
+
+### PricingFeatureGroup
+
+Reusable pricing feature group component.
+
+- Mount: `data-component="PricingFeatureGroup"`
+- 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
+
+### PricingToggle
+
+Reusable pricing toggle component.
+
+- Mount: `data-component="PricingToggle"`
+- 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
+
+### PrioritySelector
+
+Reusable priority selector component.
+
+- Mount: `data-component="PrioritySelector"`
+- 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
+
+### ProductSelector
+
+Reusable product selector component.
+
+- Mount: `data-component="ProductSelector"`
+- 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
+
+### ProjectSelector
+
+Reusable project selector component.
+
+- Mount: `data-component="ProjectSelector"`
+- 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
+
+### PromoCodeInput
+
+Reusable promo code input component.
+
+- Mount: `data-component="PromoCodeInput"`
+- 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
+
+### ProviderSelector
+
+Reusable provider selector component.
+
+- Mount: `data-component="ProviderSelector"`
+- 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
+
+### PublishDateTimePicker
+
+Reusable publish date time picker component.
+
+- Mount: `data-component="PublishDateTimePicker"`
+- 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
+
+### PushNotificationEditor
+
+Reusable push notification editor component.
+
+- Mount: `data-component="PushNotificationEditor"`
+- 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
+
+### QuantityInput
+
+Reusable quantity input component.
+
+- Mount: `data-component="QuantityInput"`
+- 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
+
+### QuietHoursPicker
+
+Reusable quiet hours picker component.
+
+- Mount: `data-component="QuietHoursPicker"`
+- 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
+
+### RadioGroup
+
+Reusable radio group component.
+
+- Mount: `data-component="RadioGroup"`
+- Props: `label: string = "Choose one"`, `name: string = "choice"`
+- Slots: `default`
+- Events: None
+
+### RangeInput
+
+Reusable range input component.
+
+- Mount: `data-component="RangeInput"`
+- 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
+
+### RateLimitInput
+
+Reusable rate limit input component.
+
+- Mount: `data-component="RateLimitInput"`
+- 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
+
+### RecipientSelector
+
+Reusable recipient selector component.
+
+- Mount: `data-component="RecipientSelector"`
+- 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
+
+### RecoveryCodeInput
+
+Reusable recovery code input component.
+
+- Mount: `data-component="RecoveryCodeInput"`
+- 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
+
+### RecurringSchedulePicker
+
+Reusable recurring schedule picker component.
+
+- Mount: `data-component="RecurringSchedulePicker"`
+- Props: `id: string = "recurring-schedule"`, `name: string = "recurrence"`, `label: string = "Repeat"`, `value: string = "none"`, `disabled: boolean = false`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### RedirectUriInput
+
+Reusable redirect uri input component.
+
+- Mount: `data-component="RedirectUriInput"`
+- 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
+
+Reusable reference input component.
+
+- Mount: `data-component="ReferenceInput"`
+- 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
+
+Reusable regex input component.
+
+- Mount: `data-component="RegexInput"`
+- 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
+
+### RegionSelector
+
+Reusable region selector component.
+
+- Mount: `data-component="RegionSelector"`
+- 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
+
+### RetryCountInput
+
+Reusable retry count input component.
+
+- Mount: `data-component="RetryCountInput"`
+- 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
+
+### RgbColorInput
+
+Reusable rgb color input component.
+
+- Mount: `data-component="RgbColorInput"`
+- 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
+
+Reusable rich text editor component.
+
+- Mount: `data-component="RichTextEditor"`
+- 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
+
+Reusable rich text input component.
+
+- Mount: `data-component="RichTextInput"`
+- 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
+
+Reusable role selector component.
+
+- Mount: `data-component="RoleSelector"`
+- 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
+
+Reusable rolling date range picker component.
+
+- Mount: `data-component="RollingDateRangePicker"`
+- 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
+
+### SavedFilterSelector
+
+Reusable saved filter selector component.
+
+- Mount: `data-component="SavedFilterSelector"`
+- 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
+
+Reusable scheduled date time picker component.
+
+- Mount: `data-component="ScheduledDateTimePicker"`
+- 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
+
+Reusable schedule message picker component.
+
+- Mount: `data-component="ScheduleMessagePicker"`
+- 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
+
+Reusable schedule picker component.
+
+- Mount: `data-component="SchedulePicker"`
+- Props: `label: string = "Schedule"`
+- Slots: None
+- Events: None
+
+### SdkLanguageSelector
+
+Reusable sdk language selector component.
+
+- Mount: `data-component="SdkLanguageSelector"`
+- 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
+
+### SearchInput
+
+Reusable search input component.
+
+- Mount: `data-component="SearchInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Search"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### SecondPicker
+
+Reusable second picker component.
+
+- Mount: `data-component="SecondPicker"`
+- 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
+
+### SecretInput
+
+Reusable secret input component.
+
+- Mount: `data-component="SecretInput"`
+- 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
+
+### SenderIdInput
+
+Reusable sender id input component.
+
+- Mount: `data-component="SenderIdInput"`
+- 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
+
+### SeveritySelector
+
+Reusable severity selector component.
+
+- Mount: `data-component="SeveritySelector"`
+- 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
+
+Reusable shadow picker component.
+
+- Mount: `data-component="ShadowPicker"`
+- 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
+
+### SlugInput
+
+Reusable slug input component.
+
+- Mount: `data-component="SlugInput"`
+- 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
+
+### SmsMessageEditor
+
+Reusable sms message editor component.
+
+- Mount: `data-component="SmsMessageEditor"`
+- 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
+
+### StateSelector
+
+Reusable state selector component.
+
+- Mount: `data-component="StateSelector"`
+- 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
+
+### StatusSelector
+
+Reusable status selector component.
+
+- Mount: `data-component="StatusSelector"`
+- 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
+
+### StepperInput
+
+Reusable stepper input component.
+
+- Mount: `data-component="StepperInput"`
+- 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
+
+### StickerPicker
+
+Reusable sticker picker component.
+
+- Mount: `data-component="StickerPicker"`
+- 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
+
+### StreetAddressInput
+
+Reusable street address input component.
+
+- Mount: `data-component="StreetAddressInput"`
+- 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
+
+Reusable subdomain input component.
+
+- Mount: `data-component="SubdomainInput"`
+- 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
+
+Reusable subject input component.
+
+- Mount: `data-component="SubjectInput"`
+- 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
+
+### TagInput
+
+Reusable tag input component.
+
+- Mount: `data-component="TagInput"`
+- 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
+
+### TaxRateInput
+
+Reusable tax rate input component.
+
+- Mount: `data-component="TaxRateInput"`
+- 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
+
+### TeamSizeSelector
+
+Reusable team size selector component.
+
+- Mount: `data-component="TeamSizeSelector"`
+- 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
+
+### TemplateSelector
+
+Reusable template selector component.
+
+- Mount: `data-component="TemplateSelector"`
+- 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
+
+Reusable template variable input component.
+
+- Mount: `data-component="TemplateVariableInput"`
+- 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
+
+### TextInput
+
+Reusable text input component.
+
+- Mount: `data-component="TextInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Text"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### ThemeColorPicker
+
+Reusable theme color picker component.
+
+- Mount: `data-component="ThemeColorPicker"`
+- 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
+
+### TimeInput
+
+Reusable time input component.
+
+- Mount: `data-component="TimeInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Time"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### TimeoutInput
+
+Reusable timeout input component.
+
+- Mount: `data-component="TimeoutInput"`
+- 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
+
+Reusable time picker component.
+
+- Mount: `data-component="TimePicker"`
+- 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
+
+Reusable time range picker component.
+
+- Mount: `data-component="TimeRangePicker"`
+- 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
+
+Reusable timezone aware time picker component.
+
+- Mount: `data-component="TimezoneAwareTimePicker"`
+- 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
+
+Reusable timezone selector component.
+
+- Mount: `data-component="TimezoneSelector"`
+- Props: `id: string = "timezone"`, `name: string = "timezone"`, `label: string = "Timezone"`
+- Slots: None
+- Events: None
+
+### Toggle
+
+Reusable toggle component.
+
+- Mount: `data-component="Toggle"`
+- 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
+
+Reusable toggle group component.
+
+- Mount: `data-component="ToggleGroup"`
+- 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
+
+Reusable token input component.
+
+- Mount: `data-component="TokenInput"`
+- 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
+
+### UrlInput
+
+Reusable url input component.
+
+- Mount: `data-component="UrlInput"`
+- Props: `id: string = ""`, `name: string = ""`, `label: string = "Url"`, `value: string = ""`, `placeholder: string = ""`, `help: string = ""`, `error: string = ""`, `required: boolean = false`, `disabled: boolean = false`, `readonly: boolean = false`, `autocomplete: string = ""`
+- Slots: None
+- Events: None
+
+### UseCaseSelector
+
+Reusable use case selector component.
+
+- Mount: `data-component="UseCaseSelector"`
+- 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
+
+### UsernameInput
+
+Reusable username input component.
+
+- Mount: `data-component="UsernameInput"`
+- 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
+
+### VerificationCodeInput
+
+Reusable verification code input component.
+
+- Mount: `data-component="VerificationCodeInput"`
+- 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
+
+### VersionSelector
+
+Reusable version selector component.
+
+- Mount: `data-component="VersionSelector"`
+- 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
+
+### VoiceScriptEditor
+
+Reusable voice script editor component.
+
+- Mount: `data-component="VoiceScriptEditor"`
+- 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
+
+Reusable volume input component.
+
+- Mount: `data-component="VolumeInput"`
+- 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
+
+### WebhookUrlInput
+
+Reusable webhook url input component.
+
+- Mount: `data-component="WebhookUrlInput"`
+- 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
+
+### WhatsAppNumberInput
+
+Reusable whats app number input component.
+
+- Mount: `data-component="WhatsAppNumberInput"`
+- 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
+
+Reusable whats app template editor component.
+
+- Mount: `data-component="WhatsAppTemplateEditor"`
+- 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
+
+### WorkspaceSelector
+
+Reusable workspace selector component.
+
+- Mount: `data-component="WorkspaceSelector"`
+- 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
+
+### YearPicker
+
+Reusable year picker component.
+
+- Mount: `data-component="YearPicker"`
+- 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
+
+## Layout
+
+### AnchorNavigation
+
+Reusable anchor navigation component.
+
+- Mount: `data-component="AnchorNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AppHeader
+
+Reusable app header component.
+
+- Mount: `data-component="AppHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArchitectureSection
+
+Reusable architecture section component.
+
+- Mount: `data-component="ArchitectureSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleHero
+
+Reusable article hero component.
+
+- Mount: `data-component="ArticleHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticleLayout
+
+Reusable article layout component.
+
+- Mount: `data-component="ArticleLayout"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ArticlePageShell
+
+Reusable article page shell component.
+
+- Mount: `data-component="ArticlePageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BottomNavigation
+
+Reusable bottom navigation component.
+
+- Mount: `data-component="BottomNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BrowserFrame
+
+Reusable browser frame component.
+
+- Mount: `data-component="BrowserFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarHeader
+
+Reusable calendar header component.
+
+- Mount: `data-component="CalendarHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CalendarNavigation
+
+Reusable calendar navigation component.
+
+- Mount: `data-component="CalendarNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CaseStudyHero
+
+Reusable case study hero component.
+
+- Mount: `data-component="CaseStudyHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CenteredHero
+
+Reusable centered hero component.
+
+- Mount: `data-component="CenteredHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CenteredSectionHeader
+
+Reusable centered section header component.
+
+- Mount: `data-component="CenteredSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChallengeSection
+
+Reusable challenge section component.
+
+- Mount: `data-component="ChallengeSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CodeHeader
+
+Reusable code header component.
+
+- Mount: `data-component="CodeHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompanyHero
+
+Reusable company hero component.
+
+- Mount: `data-component="CompanyHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompanyPageShell
+
+Reusable company page shell component.
+
+- Mount: `data-component="CompanyPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactHero
+
+Reusable contact hero component.
+
+- Mount: `data-component="ContactHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ContactPageShell
+
+Reusable contact page shell component.
+
+- Mount: `data-component="ContactPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CTASection
+
+Reusable c t a section component.
+
+- Mount: `data-component="CTASection"`
+- Props: `eyebrow: string = "Ready?"`, `title: string = "Start building today"`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Contact sales"`, `secondaryHref: string = "#"`
+- Slots: None
+- Events: None
+
+### DesktopNavigation
+
+Reusable desktop navigation component.
+
+- Mount: `data-component="DesktopNavigation"`
+- Props: `label: string = "Primary navigation"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### DeveloperHero
+
+Reusable developer hero component.
+
+- Mount: `data-component="DeveloperHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeveloperPageShell
+
+Reusable developer page shell component.
+
+- Mount: `data-component="DeveloperPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DropdownNavigation
+
+Reusable dropdown navigation component.
+
+- Mount: `data-component="DropdownNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EnterpriseHero
+
+Reusable enterprise hero component.
+
+- Mount: `data-component="EnterpriseHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorHero
+
+Reusable error hero component.
+
+- Mount: `data-component="ErrorHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ErrorPageShell
+
+Reusable error page shell component.
+
+- Mount: `data-component="ErrorPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureDetailsPanel
+
+Reusable feature details panel component.
+
+- Mount: `data-component="FeatureDetailsPanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormSection
+
+Reusable form section component.
+
+- Mount: `data-component="FormSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Header
+
+Reusable header component.
+
+- Mount: `data-component="Header"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Hero
+
+Reusable hero component.
+
+- Mount: `data-component="Hero"`
+- Props: `eyebrow: string = ""`, `title: string = "Build faster with WRNexusJS"`, `highlight: string = ""`, `description: string = ""`, `primaryLabel: string = "Get started"`, `primaryHref: string = "#"`, `secondaryLabel: string = "Learn more"`, `secondaryHref: string = "#"`, `align: string = "center"`
+- Slots: `default`
+- Events: None
+
+### HeroCodePanel
+
+Reusable hero code panel component.
+
+- Mount: `data-component="HeroCodePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### InsetPanel
+
+Reusable inset panel component.
+
+- Mount: `data-component="InsetPanel"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDocumentHeader
+
+Reusable legal document header component.
+
+- Mount: `data-component="LegalDocumentHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalDocumentLayout
+
+Reusable legal document layout component.
+
+- Mount: `data-component="LegalDocumentLayout"`
+- Props: `title: string = "Legal document"`, `effectiveDate: string = ""`, `updatedDate: string = ""`
+- Slots: `toc`, `default`
+- Events: None
+
+### LegalHero
+
+Reusable legal hero component.
+
+- Mount: `data-component="LegalHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LegalPageShell
+
+Reusable legal page shell component.
+
+- Mount: `data-component="LegalPageShell"`
+- Props: `class: string = ""`
+- Slots: `navigation`, `default`
+- Events: None
+
+### LegalSection
+
+Reusable legal section component.
+
+- Mount: `data-component="LegalSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MarketingPageShell
+
+Reusable marketing page shell component.
+
+- Mount: `data-component="MarketingPageShell"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MarketingSectionHeader
+
+Reusable marketing section header component.
+
+- Mount: `data-component="MarketingSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MissionSection
+
+Reusable mission section component.
+
+- Mount: `data-component="MissionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileDeviceFrame
+
+Reusable mobile device frame component.
+
+- Mount: `data-component="MobileDeviceFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MobileNavigation
+
+Reusable mobile navigation component.
+
+- Mount: `data-component="MobileNavigation"`
+- Props: `label: string = "Menu"`, `closeLabel: string = "Close menu"`, `items: string = []`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### Navigation
+
+Reusable navigation component.
+
+- Mount: `data-component="Navigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Panel
+
+Reusable panel component.
+
+- Mount: `data-component="Panel"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PreviousNextNavigation
+
+Reusable previous next navigation component.
+
+- Mount: `data-component="PreviousNextNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PricingHero
+
+Reusable pricing hero component.
+
+- Mount: `data-component="PricingHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductCategorySection
+
+Reusable product category section component.
+
+- Mount: `data-component="ProductCategorySection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductHero
+
+Reusable product hero component.
+
+- Mount: `data-component="ProductHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductPageShell
+
+Reusable product page shell component.
+
+- Mount: `data-component="ProductPageShell"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PublicHeader
+
+Reusable public header component.
+
+- Mount: `data-component="PublicHeader"`
+- Props: `brand: string = "WRNexusJS"`, `homeHref: string = "/"`, `signInHref: string = "/signin"`, `ctaHref: string = "/start"`, `ctaLabel: string = "Get started"`
+- Slots: `default`, `mobile`
+- Events: `click`
+
+### PublicPageShell
+
+Reusable public page shell component.
+
+- Mount: `data-component="PublicPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResizablePanel
+
+Reusable resizable panel component.
+
+- Mount: `data-component="ResizablePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourcePageShell
+
+Reusable resource page shell component.
+
+- Mount: `data-component="ResourcePageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResultsSection
+
+Reusable results section component.
+
+- Mount: `data-component="ResultsSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ScreenshotFrame
+
+Reusable screenshot frame component.
+
+- Mount: `data-component="ScreenshotFrame"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Section
+
+Reusable section component.
+
+- Mount: `data-component="Section"`
+- Props: `id: string = ""`, `size: string = "default"`, `surface: string = "default"`, `className: string = ""`
+- Slots: `default`
+- Events: None
+
+### SectionHeader
+
+Reusable section header component.
+
+- Mount: `data-component="SectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = "Section title"`, `description: string = ""`, `align: string = "left"`
+- Slots: `default`
+- Events: None
+
+### SecurityHero
+
+Reusable security hero component.
+
+- Mount: `data-component="SecurityHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SidebarLayout
+
+Reusable sidebar layout component.
+
+- Mount: `data-component="SidebarLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SidePanel
+
+Reusable side panel component.
+
+- Mount: `data-component="SidePanel"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionHero
+
+Reusable solution hero component.
+
+- Mount: `data-component="SolutionHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionPageShell
+
+Reusable solution page shell component.
+
+- Mount: `data-component="SolutionPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionSection
+
+Reusable solution section component.
+
+- Mount: `data-component="SolutionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitHero
+
+Reusable split hero component.
+
+- Mount: `data-component="SplitHero"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitLayout
+
+Reusable split layout component.
+
+- Mount: `data-component="SplitLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SplitSectionHeader
+
+Reusable split section header component.
+
+- Mount: `data-component="SplitSectionHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StatusPageShell
+
+Reusable status page shell component.
+
+- Mount: `data-component="StatusPageShell"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StepNavigation
+
+Reusable step navigation component.
+
+- Mount: `data-component="StepNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StickyLayout
+
+Reusable sticky layout component.
+
+- Mount: `data-component="StickyLayout"`
+- Props: `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TableHeader
+
+Reusable table header component.
+
+- Mount: `data-component="TableHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VisionSection
+
+Reusable vision section component.
+
+- Mount: `data-component="VisionSection"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WizardHeader
+
+Reusable wizard header component.
+
+- Mount: `data-component="WizardHeader"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WizardNavigation
+
+Reusable wizard navigation component.
+
+- Mount: `data-component="WizardNavigation"`
+- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `align: string = "start"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Overlays
+
+### AccessibleDialog
+
+Reusable accessible dialog component.
+
+- Mount: `data-component="AccessibleDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccessibleMenu
+
+Reusable accessible menu component.
+
+- Mount: `data-component="AccessibleMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AccountMenu
+
+Reusable account menu component.
+
+- Mount: `data-component="AccountMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ActionMenu
+
+Reusable action menu component.
+
+- Mount: `data-component="ActionMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### AlertDialog
+
+Reusable alert dialog component.
+
+- Mount: `data-component="AlertDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ApiKeyCreateDialog
+
+Reusable api key create dialog component.
+
+- Mount: `data-component="ApiKeyCreateDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CommandMenu
+
+Reusable command menu component.
+
+- Mount: `data-component="CommandMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConfirmationDialog
+
+Reusable confirmation dialog component.
+
+- Mount: `data-component="ConfirmationDialog"`
+- 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`
+
+### ContextMenu
+
+Reusable context menu component.
+
+- Mount: `data-component="ContextMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CookiePreferencesDialog
+
+Reusable cookie preferences dialog component.
+
+- Mount: `data-component="CookiePreferencesDialog"`
+- 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`
+
+### DeleteConfirmationDialog
+
+Reusable delete confirmation dialog component.
+
+- Mount: `data-component="DeleteConfirmationDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DevelopersMenu
+
+Reusable developers menu component.
+
+- Mount: `data-component="DevelopersMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DropdownMenu
+
+Reusable dropdown menu component.
+
+- Mount: `data-component="DropdownMenu"`
+- Props: `label: string = "Menu"`
+- Slots: `default`
+- Events: `click`
+
+### FilterMenu
+
+Reusable filter menu component.
+
+- Mount: `data-component="FilterMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormDialog
+
+Reusable form dialog component.
+
+- Mount: `data-component="FormDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FullscreenDialog
+
+Reusable fullscreen dialog component.
+
+- Mount: `data-component="FullscreenDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImagePreviewDialog
+
+Reusable image preview dialog component.
+
+- Mount: `data-component="ImagePreviewDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Lightbox
+
+Reusable lightbox component.
+
+- Mount: `data-component="Lightbox"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LogoutDialog
+
+Reusable logout dialog component.
+
+- Mount: `data-component="LogoutDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### MegaMenu
+
+Reusable mega menu component.
+
+- Mount: `data-component="MegaMenu"`
+- Props: `label: string = "Explore"`, `sections: string = []`, `class: string = ""`
+- Slots: None
+- Events: `click`
+
+### NavigationMegaMenu
+
+Reusable navigation mega menu component.
+
+- Mount: `data-component="NavigationMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Popover
+
+Reusable popover component.
+
+- Mount: `data-component="Popover"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductsMegaMenu
+
+Reusable products mega menu component.
+
+- Mount: `data-component="ProductsMegaMenu"`
+- Props: `label: string = "Products"`, `sections: string = []`, `class: string = ""`
+- Slots: None
+- Events: None
+
+### PromptDialog
+
+Reusable prompt dialog component.
+
+- Mount: `data-component="PromptDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ResourcesMegaMenu
+
+Reusable resources mega menu component.
+
+- Mount: `data-component="ResourcesMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SearchDialog
+
+Reusable search dialog component.
+
+- Mount: `data-component="SearchDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SecretRevealDialog
+
+Reusable secret reveal dialog component.
+
+- Mount: `data-component="SecretRevealDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SessionExpiredDialog
+
+Reusable session expired dialog component.
+
+- Mount: `data-component="SessionExpiredDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SolutionsMegaMenu
+
+Reusable solutions mega menu component.
+
+- Mount: `data-component="SolutionsMegaMenu"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### StepUpAuthenticationDialog
+
+Reusable step up authentication dialog component.
+
+- Mount: `data-component="StepUpAuthenticationDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TestMessageDialog
+
+Reusable test message dialog component.
+
+- Mount: `data-component="TestMessageDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UnsavedChangesDialog
+
+Reusable unsaved changes dialog component.
+
+- Mount: `data-component="UnsavedChangesDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### VideoPreviewDialog
+
+Reusable video preview dialog component.
+
+- Mount: `data-component="VideoPreviewDialog"`
+- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+## Visualization
+
+### AreaChart
+
+Reusable area chart component.
+
+- Mount: `data-component="AreaChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### BarChart
+
+Reusable bar chart component.
+
+- Mount: `data-component="BarChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CampaignProgress
+
+Reusable campaign progress component.
+
+- Mount: `data-component="CampaignProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelComparisonChart
+
+Reusable channel comparison chart component.
+
+- Mount: `data-component="ChannelComparisonChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelFallbackDiagram
+
+Reusable channel fallback diagram component.
+
+- Mount: `data-component="ChannelFallbackDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChannelFlow
+
+Reusable channel flow component.
+
+- Mount: `data-component="ChannelFlow"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ChecklistProgress
+
+Reusable checklist progress component.
+
+- Mount: `data-component="ChecklistProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CircularProgress
+
+Reusable circular progress component.
+
+- Mount: `data-component="CircularProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CohortChart
+
+Reusable cohort chart component.
+
+- Mount: `data-component="CohortChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CompletionMeter
+
+Reusable completion meter component.
+
+- Mount: `data-component="CompletionMeter"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ConversionChart
+
+Reusable conversion chart component.
+
+- Mount: `data-component="ConversionChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### CostBreakdownChart
+
+Reusable cost breakdown chart component.
+
+- Mount: `data-component="CostBreakdownChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryStatusChart
+
+Reusable delivery status chart component.
+
+- Mount: `data-component="DeliveryStatusChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DeliveryStatusTimeline
+
+Reusable delivery status timeline component.
+
+- Mount: `data-component="DeliveryStatusTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### DonutChart
+
+Reusable donut chart component.
+
+- Mount: `data-component="DonutChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### EncryptionDiagram
+
+Reusable encryption diagram component.
+
+- Mount: `data-component="EncryptionDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ExportProgress
+
+Reusable export progress component.
+
+- Mount: `data-component="ExportProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FallbackRouteDiagram
+
+Reusable fallback route diagram component.
+
+- Mount: `data-component="FallbackRouteDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FeatureTimeline
+
+Reusable feature timeline component.
+
+- Mount: `data-component="FeatureTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FormProgress
+
+Reusable form progress component.
+
+- Mount: `data-component="FormProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### FunnelChart
+
+Reusable funnel chart component.
+
+- Mount: `data-component="FunnelChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### GeoChart
+
+Reusable geo chart component.
+
+- Mount: `data-component="GeoChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ImportProgress
+
+Reusable import progress component.
+
+- Mount: `data-component="ImportProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentResponseFlow
+
+Reusable incident response flow component.
+
+- Mount: `data-component="IncidentResponseFlow"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### IncidentTimeline
+
+Reusable incident timeline component.
+
+- Mount: `data-component="IncidentTimeline"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### JobProgress
+
+Reusable job progress component.
+
+- Mount: `data-component="JobProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LatencyMetric
+
+Reusable latency metric component.
+
+- Mount: `data-component="LatencyMetric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### LineChart
+
+Reusable line chart component.
+
+- Mount: `data-component="LineChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Metric
+
+Reusable metric component.
+
+- Mount: `data-component="Metric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### OnboardingProgress
+
+Reusable onboarding progress component.
+
+- Mount: `data-component="OnboardingProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PasswordStrengthMeter
+
+Reusable password strength meter component.
+
+- Mount: `data-component="PasswordStrengthMeter"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### PieChart
+
+Reusable pie chart component.
+
+- Mount: `data-component="PieChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProductArchitectureDiagram
+
+Reusable product architecture diagram component.
+
+- Mount: `data-component="ProductArchitectureDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressChart
+
+Reusable progress chart component.
+
+- Mount: `data-component="ProgressChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ProgressRing
+
+Reusable progress ring component.
+
+- Mount: `data-component="ProgressRing"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### RevenueChart
+
+Reusable revenue chart component.
+
+- Mount: `data-component="RevenueChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### SmartRouteDiagram
+
+Reusable smart route diagram component.
+
+- Mount: `data-component="SmartRouteDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### TenantIsolationDiagram
+
+Reusable tenant isolation diagram component.
+
+- Mount: `data-component="TenantIsolationDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### Timeline
+
+Reusable timeline component.
+
+- Mount: `data-component="Timeline"`
+- Props: `title: string = "Timeline"`
+- Slots: `default`
+- Events: None
+
+### TimelineChart
+
+Reusable timeline chart component.
+
+- Mount: `data-component="TimelineChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### ToastProgress
+
+Reusable toast progress component.
+
+- Mount: `data-component="ToastProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UploadProgress
+
+Reusable upload progress component.
+
+- Mount: `data-component="UploadProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UptimeChart
+
+Reusable uptime chart component.
+
+- Mount: `data-component="UptimeChart"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### UptimeMetric
+
+Reusable uptime metric component.
+
+- Mount: `data-component="UptimeMetric"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WebhookFlowDiagram
+
+Reusable webhook flow diagram component.
+
+- Mount: `data-component="WebhookFlowDiagram"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
+
+### WorkflowProgress
+
+Reusable workflow progress component.
+
+- Mount: `data-component="WorkflowProgress"`
+- Props: `title: string = ""`, `value: string = ""`, `description: string = ""`, `summary: string = ""`, `loading: boolean = false`, `class: string = ""`
+- Slots: `default`
+- Events: None
diff --git a/packages/ui/README.md b/packages/ui/README.md
index 89103b30..cf510702 100644
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
@@ -15,6 +15,11 @@ driven by `var(--wire-*)` theme tokens, so components restyle instantly when the
 theme changes. The tiny JS surface (`src/index.ts`) exists only so the toolchain
 (CLI build + dev server) can locate the component directory and stylesheet.
 
+The complete PDF-aligned catalog currently contains **891 components**. The
+generated `COMPONENTS.md` and `component-reference.json` files document every
+mount name, prop, inferred type, default/required status, slot, event, category,
+and source file directly from the packaged `.wrn` source.
+
 ## Installation
 
 ```bash
@@ -81,6 +86,9 @@ metadata is emitted in `<head>` instead of invalid component markup.
 The authoritative, always-current list is `uiComponentNames()` (below), which reads
 the component directory at runtime.
 
+For the full catalog, see [`COMPONENTS.md`](./COMPONENTS.md). The machine-readable
+equivalent is exported as `@wrnexus/ui/component-reference.json`.
+
 ## API
 
 The JS module (`@wrnexus/ui`) exposes four helpers used by the build tooling to
diff --git a/packages/ui/component-catalog.json b/packages/ui/component-catalog.json
new file mode 100644
index 00000000..ce5051a0
--- /dev/null
+++ b/packages/ui/component-catalog.json
@@ -0,0 +1,4178 @@
+{
+  "sourceDocuments": [
+    "WRNexus Essential Component Inventory v1.0",
+    "WRNexus Public SaaS Component System Checklist v1.0"
+  ],
+  "components": [
+    {
+      "name": "AcceptAllCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable accept all cookies button component."
+    },
+    {
+      "name": "AccessibleAccordion",
+      "category": "content",
+      "purpose": "Reusable accessible accordion component."
+    },
+    {
+      "name": "AccessibleCarousel",
+      "category": "content",
+      "purpose": "Reusable accessible carousel component."
+    },
+    {
+      "name": "AccessibleChartSummary",
+      "category": "content",
+      "purpose": "Reusable accessible chart summary component."
+    },
+    {
+      "name": "AccessibleDialog",
+      "category": "overlays",
+      "purpose": "Reusable accessible dialog component."
+    },
+    {
+      "name": "AccessibleErrorSummary",
+      "category": "content",
+      "purpose": "Reusable accessible error summary component."
+    },
+    {
+      "name": "AccessibleIcon",
+      "category": "content",
+      "purpose": "Reusable accessible icon component."
+    },
+    {
+      "name": "AccessibleMenu",
+      "category": "overlays",
+      "purpose": "Reusable accessible menu component."
+    },
+    {
+      "name": "AccessibleTabs",
+      "category": "content",
+      "purpose": "Reusable accessible tabs component."
+    },
+    {
+      "name": "AccessibleTooltip",
+      "category": "content",
+      "purpose": "Reusable accessible tooltip component."
+    },
+    {
+      "name": "Accordion",
+      "category": "content",
+      "purpose": "Reusable accordion component."
+    },
+    {
+      "name": "AccountMenu",
+      "category": "overlays",
+      "purpose": "Reusable account menu component."
+    },
+    {
+      "name": "AccountStatusBanner",
+      "category": "feedback",
+      "purpose": "Reusable account status banner component."
+    },
+    {
+      "name": "ActionMenu",
+      "category": "overlays",
+      "purpose": "Reusable action menu component."
+    },
+    {
+      "name": "ActiveFilterList",
+      "category": "data",
+      "purpose": "Reusable active filter list component."
+    },
+    {
+      "name": "ActivityList",
+      "category": "data",
+      "purpose": "Reusable activity list component."
+    },
+    {
+      "name": "AddOnCard",
+      "category": "content",
+      "purpose": "Reusable add on card component."
+    },
+    {
+      "name": "AddressInput",
+      "category": "forms",
+      "purpose": "Reusable address input component."
+    },
+    {
+      "name": "AddressPreview",
+      "category": "content",
+      "purpose": "Reusable address preview component."
+    },
+    {
+      "name": "AdvancedFilterBuilder",
+      "category": "content",
+      "purpose": "Reusable advanced filter builder component."
+    },
+    {
+      "name": "Alert",
+      "category": "feedback",
+      "purpose": "Reusable alert component."
+    },
+    {
+      "name": "AlertDialog",
+      "category": "overlays",
+      "purpose": "Reusable alert dialog component."
+    },
+    {
+      "name": "AmountInput",
+      "category": "forms",
+      "purpose": "Reusable amount input component."
+    },
+    {
+      "name": "AnalyticsDashboardPreview",
+      "category": "content",
+      "purpose": "Reusable analytics dashboard preview component."
+    },
+    {
+      "name": "AnchorNavigation",
+      "category": "layout",
+      "purpose": "Reusable anchor navigation component."
+    },
+    {
+      "name": "ApartmentInput",
+      "category": "forms",
+      "purpose": "Reusable apartment input component."
+    },
+    {
+      "name": "ApiAuthenticationNotice",
+      "category": "feedback",
+      "purpose": "Reusable api authentication notice component."
+    },
+    {
+      "name": "ApiEndpointCard",
+      "category": "content",
+      "purpose": "Reusable api endpoint card component."
+    },
+    {
+      "name": "ApiErrorExample",
+      "category": "content",
+      "purpose": "Reusable api error example component."
+    },
+    {
+      "name": "ApiHeaderTable",
+      "category": "data",
+      "purpose": "Reusable api header table component."
+    },
+    {
+      "name": "ApiKeyCreateDialog",
+      "category": "overlays",
+      "purpose": "Reusable api key create dialog component."
+    },
+    {
+      "name": "ApiKeyDisplay",
+      "category": "content",
+      "purpose": "Reusable api key display component."
+    },
+    {
+      "name": "ApiKeyInput",
+      "category": "forms",
+      "purpose": "Reusable api key input component."
+    },
+    {
+      "name": "ApiMethodBadge",
+      "category": "feedback",
+      "purpose": "Reusable api method badge component."
+    },
+    {
+      "name": "ApiParameterTable",
+      "category": "data",
+      "purpose": "Reusable api parameter table component."
+    },
+    {
+      "name": "ApiRateLimitNotice",
+      "category": "feedback",
+      "purpose": "Reusable api rate limit notice component."
+    },
+    {
+      "name": "ApiRequestExample",
+      "category": "content",
+      "purpose": "Reusable api request example component."
+    },
+    {
+      "name": "ApiResponseExample",
+      "category": "content",
+      "purpose": "Reusable api response example component."
+    },
+    {
+      "name": "ApiSchemaTable",
+      "category": "data",
+      "purpose": "Reusable api schema table component."
+    },
+    {
+      "name": "ApiSchemaViewer",
+      "category": "content",
+      "purpose": "Reusable api schema viewer component."
+    },
+    {
+      "name": "ApiVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable api version badge component."
+    },
+    {
+      "name": "AppHeader",
+      "category": "layout",
+      "purpose": "Reusable app header component."
+    },
+    {
+      "name": "ArchitectureSection",
+      "category": "layout",
+      "purpose": "Reusable architecture section component."
+    },
+    {
+      "name": "AreaChart",
+      "category": "visualization",
+      "purpose": "Reusable area chart component."
+    },
+    {
+      "name": "ArticleHero",
+      "category": "layout",
+      "purpose": "Reusable article hero component."
+    },
+    {
+      "name": "ArticleLayout",
+      "category": "layout",
+      "purpose": "Reusable article layout component."
+    },
+    {
+      "name": "ArticleNewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable article newsletter c t a component."
+    },
+    {
+      "name": "ArticlePageShell",
+      "category": "layout",
+      "purpose": "Reusable article page shell component."
+    },
+    {
+      "name": "ArticleShareActions",
+      "category": "actions",
+      "purpose": "Reusable article share actions component."
+    },
+    {
+      "name": "AssetCard",
+      "category": "content",
+      "purpose": "Reusable asset card component."
+    },
+    {
+      "name": "AttachmentPicker",
+      "category": "forms",
+      "purpose": "Reusable attachment picker component."
+    },
+    {
+      "name": "AttachmentUpload",
+      "category": "content",
+      "purpose": "Reusable attachment upload component."
+    },
+    {
+      "name": "AudioUpload",
+      "category": "content",
+      "purpose": "Reusable audio upload component."
+    },
+    {
+      "name": "AuditLogPreview",
+      "category": "content",
+      "purpose": "Reusable audit log preview component."
+    },
+    {
+      "name": "AuditTable",
+      "category": "data",
+      "purpose": "Reusable audit table component."
+    },
+    {
+      "name": "AuthenticatorCodeInput",
+      "category": "forms",
+      "purpose": "Reusable authenticator code input component."
+    },
+    {
+      "name": "AuthorAvatar",
+      "category": "content",
+      "purpose": "Reusable author avatar component."
+    },
+    {
+      "name": "AuthorCard",
+      "category": "content",
+      "purpose": "Reusable author card component."
+    },
+    {
+      "name": "AuthorizedApplicationCard",
+      "category": "content",
+      "purpose": "Reusable authorized application card component."
+    },
+    {
+      "name": "AutoGrid",
+      "category": "data",
+      "purpose": "Reusable auto grid component."
+    },
+    {
+      "name": "AutomationExampleCard",
+      "category": "content",
+      "purpose": "Reusable automation example card component."
+    },
+    {
+      "name": "AvailabilityCalendar",
+      "category": "content",
+      "purpose": "Reusable availability calendar component."
+    },
+    {
+      "name": "Avatar",
+      "category": "content",
+      "purpose": "Reusable avatar component."
+    },
+    {
+      "name": "AvatarGroup",
+      "category": "forms",
+      "purpose": "Reusable avatar group component."
+    },
+    {
+      "name": "AvatarUpload",
+      "category": "content",
+      "purpose": "Reusable avatar upload component."
+    },
+    {
+      "name": "BackButton",
+      "category": "actions",
+      "purpose": "Reusable back button component."
+    },
+    {
+      "name": "Badge",
+      "category": "feedback",
+      "purpose": "Reusable badge component."
+    },
+    {
+      "name": "BankTransferDetails",
+      "category": "content",
+      "purpose": "Reusable bank transfer details component."
+    },
+    {
+      "name": "Banner",
+      "category": "feedback",
+      "purpose": "Reusable banner component."
+    },
+    {
+      "name": "BarChart",
+      "category": "visualization",
+      "purpose": "Reusable bar chart component."
+    },
+    {
+      "name": "BetaBadge",
+      "category": "feedback",
+      "purpose": "Reusable beta badge component."
+    },
+    {
+      "name": "BillingAddressForm",
+      "category": "content",
+      "purpose": "Reusable billing address form component."
+    },
+    {
+      "name": "BillingExample",
+      "category": "content",
+      "purpose": "Reusable billing example component."
+    },
+    {
+      "name": "BillingPeriodToggle",
+      "category": "forms",
+      "purpose": "Reusable billing period toggle component."
+    },
+    {
+      "name": "BlackoutDatePicker",
+      "category": "forms",
+      "purpose": "Reusable blackout date picker component."
+    },
+    {
+      "name": "BlogCard",
+      "category": "content",
+      "purpose": "Reusable blog card component."
+    },
+    {
+      "name": "BlogGrid",
+      "category": "data",
+      "purpose": "Reusable blog grid component."
+    },
+    {
+      "name": "BlogList",
+      "category": "data",
+      "purpose": "Reusable blog list component."
+    },
+    {
+      "name": "BlogSearch",
+      "category": "content",
+      "purpose": "Reusable blog search component."
+    },
+    {
+      "name": "BodyText",
+      "category": "content",
+      "purpose": "Reusable body text component."
+    },
+    {
+      "name": "BorderRadiusPicker",
+      "category": "forms",
+      "purpose": "Reusable border radius picker component."
+    },
+    {
+      "name": "BottomNavigation",
+      "category": "layout",
+      "purpose": "Reusable bottom navigation component."
+    },
+    {
+      "name": "BrandColorPicker",
+      "category": "forms",
+      "purpose": "Reusable brand color picker component."
+    },
+    {
+      "name": "BrandSelector",
+      "category": "forms",
+      "purpose": "Reusable brand selector component."
+    },
+    {
+      "name": "BrowserFrame",
+      "category": "layout",
+      "purpose": "Reusable browser frame component."
+    },
+    {
+      "name": "BudgetRangeSlider",
+      "category": "content",
+      "purpose": "Reusable budget range slider component."
+    },
+    {
+      "name": "BudgetSelector",
+      "category": "forms",
+      "purpose": "Reusable budget selector component."
+    },
+    {
+      "name": "BusinessHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable business hours picker component."
+    },
+    {
+      "name": "Button",
+      "category": "actions",
+      "purpose": "Reusable button component."
+    },
+    {
+      "name": "ButtonGroup",
+      "category": "forms",
+      "purpose": "Reusable button group component."
+    },
+    {
+      "name": "ButtonSelector",
+      "category": "forms",
+      "purpose": "Reusable button selector component."
+    },
+    {
+      "name": "CTASection",
+      "category": "layout",
+      "purpose": "Reusable c t a section component."
+    },
+    {
+      "name": "Calendar",
+      "category": "content",
+      "purpose": "Reusable calendar component."
+    },
+    {
+      "name": "CalendarGrid",
+      "category": "data",
+      "purpose": "Reusable calendar grid component."
+    },
+    {
+      "name": "CalendarHeader",
+      "category": "layout",
+      "purpose": "Reusable calendar header component."
+    },
+    {
+      "name": "CalendarNavigation",
+      "category": "layout",
+      "purpose": "Reusable calendar navigation component."
+    },
+    {
+      "name": "CallbackUrlInput",
+      "category": "forms",
+      "purpose": "Reusable callback url input component."
+    },
+    {
+      "name": "CampaignCard",
+      "category": "content",
+      "purpose": "Reusable campaign card component."
+    },
+    {
+      "name": "CampaignPerformancePreview",
+      "category": "content",
+      "purpose": "Reusable campaign performance preview component."
+    },
+    {
+      "name": "CampaignProgress",
+      "category": "visualization",
+      "purpose": "Reusable campaign progress component."
+    },
+    {
+      "name": "CapabilityGrid",
+      "category": "data",
+      "purpose": "Reusable capability grid component."
+    },
+    {
+      "name": "CaptchaField",
+      "category": "forms",
+      "purpose": "Reusable captcha field component."
+    },
+    {
+      "name": "Card",
+      "category": "content",
+      "purpose": "Reusable card component."
+    },
+    {
+      "name": "CardPaymentForm",
+      "category": "content",
+      "purpose": "Reusable card payment form component."
+    },
+    {
+      "name": "CardSelector",
+      "category": "forms",
+      "purpose": "Reusable card selector component."
+    },
+    {
+      "name": "CardSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable card skeleton component."
+    },
+    {
+      "name": "CareerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable career application form component."
+    },
+    {
+      "name": "CareerBenefitsGrid",
+      "category": "data",
+      "purpose": "Reusable career benefits grid component."
+    },
+    {
+      "name": "Carousel",
+      "category": "content",
+      "purpose": "Reusable carousel component."
+    },
+    {
+      "name": "CaseStudyCard",
+      "category": "content",
+      "purpose": "Reusable case study card component."
+    },
+    {
+      "name": "CaseStudyHero",
+      "category": "layout",
+      "purpose": "Reusable case study hero component."
+    },
+    {
+      "name": "CaseStudyPreview",
+      "category": "content",
+      "purpose": "Reusable case study preview component."
+    },
+    {
+      "name": "CenteredCTA",
+      "category": "actions",
+      "purpose": "Reusable centered c t a component."
+    },
+    {
+      "name": "CenteredHero",
+      "category": "layout",
+      "purpose": "Reusable centered hero component."
+    },
+    {
+      "name": "CenteredSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable centered section header component."
+    },
+    {
+      "name": "CertificateUpload",
+      "category": "content",
+      "purpose": "Reusable certificate upload component."
+    },
+    {
+      "name": "CertificationBadge",
+      "category": "feedback",
+      "purpose": "Reusable certification badge component."
+    },
+    {
+      "name": "ChallengeSection",
+      "category": "layout",
+      "purpose": "Reusable challenge section component."
+    },
+    {
+      "name": "ChannelBadge",
+      "category": "feedback",
+      "purpose": "Reusable channel badge component."
+    },
+    {
+      "name": "ChannelCard",
+      "category": "content",
+      "purpose": "Reusable channel card component."
+    },
+    {
+      "name": "ChannelComparisonChart",
+      "category": "visualization",
+      "purpose": "Reusable channel comparison chart component."
+    },
+    {
+      "name": "ChannelComparisonTable",
+      "category": "data",
+      "purpose": "Reusable channel comparison table component."
+    },
+    {
+      "name": "ChannelFallbackDiagram",
+      "category": "visualization",
+      "purpose": "Reusable channel fallback diagram component."
+    },
+    {
+      "name": "ChannelFlow",
+      "category": "visualization",
+      "purpose": "Reusable channel flow component."
+    },
+    {
+      "name": "ChannelIcon",
+      "category": "content",
+      "purpose": "Reusable channel icon component."
+    },
+    {
+      "name": "ChannelRateTable",
+      "category": "data",
+      "purpose": "Reusable channel rate table component."
+    },
+    {
+      "name": "ChannelSelector",
+      "category": "forms",
+      "purpose": "Reusable channel selector component."
+    },
+    {
+      "name": "CharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable character counter component."
+    },
+    {
+      "name": "ChartEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable chart empty state component."
+    },
+    {
+      "name": "ChartTooltip",
+      "category": "content",
+      "purpose": "Reusable chart tooltip component."
+    },
+    {
+      "name": "CheckboxGroup",
+      "category": "forms",
+      "purpose": "Reusable checkbox group component."
+    },
+    {
+      "name": "Checklist",
+      "category": "content",
+      "purpose": "Reusable checklist component."
+    },
+    {
+      "name": "ChecklistProgress",
+      "category": "visualization",
+      "purpose": "Reusable checklist progress component."
+    },
+    {
+      "name": "ChipInput",
+      "category": "forms",
+      "purpose": "Reusable chip input component."
+    },
+    {
+      "name": "CircularProgress",
+      "category": "visualization",
+      "purpose": "Reusable circular progress component."
+    },
+    {
+      "name": "CitySelector",
+      "category": "forms",
+      "purpose": "Reusable city selector component."
+    },
+    {
+      "name": "ClearFiltersButton",
+      "category": "actions",
+      "purpose": "Reusable clear filters button component."
+    },
+    {
+      "name": "ClickableCard",
+      "category": "content",
+      "purpose": "Reusable clickable card component."
+    },
+    {
+      "name": "CloseButton",
+      "category": "actions",
+      "purpose": "Reusable close button component."
+    },
+    {
+      "name": "Code",
+      "category": "content",
+      "purpose": "Reusable code component."
+    },
+    {
+      "name": "CodeBlock",
+      "category": "content",
+      "purpose": "Reusable code block component."
+    },
+    {
+      "name": "CodeCopyButton",
+      "category": "actions",
+      "purpose": "Reusable code copy button component."
+    },
+    {
+      "name": "CodeHeader",
+      "category": "layout",
+      "purpose": "Reusable code header component."
+    },
+    {
+      "name": "CodeInput",
+      "category": "forms",
+      "purpose": "Reusable code input component."
+    },
+    {
+      "name": "CodeLanguageBadge",
+      "category": "feedback",
+      "purpose": "Reusable code language badge component."
+    },
+    {
+      "name": "CodeTabs",
+      "category": "content",
+      "purpose": "Reusable code tabs component."
+    },
+    {
+      "name": "CodeText",
+      "category": "content",
+      "purpose": "Reusable code text component."
+    },
+    {
+      "name": "CohortChart",
+      "category": "visualization",
+      "purpose": "Reusable cohort chart component."
+    },
+    {
+      "name": "ColorGrid",
+      "category": "data",
+      "purpose": "Reusable color grid component."
+    },
+    {
+      "name": "ColorHexInput",
+      "category": "forms",
+      "purpose": "Reusable color hex input component."
+    },
+    {
+      "name": "ColorPicker",
+      "category": "forms",
+      "purpose": "Reusable color picker component."
+    },
+    {
+      "name": "ColorSelector",
+      "category": "forms",
+      "purpose": "Reusable color selector component."
+    },
+    {
+      "name": "ColorSwatch",
+      "category": "content",
+      "purpose": "Reusable color swatch component."
+    },
+    {
+      "name": "ComingSoonBadge",
+      "category": "feedback",
+      "purpose": "Reusable coming soon badge component."
+    },
+    {
+      "name": "ComingSoonState",
+      "category": "feedback",
+      "purpose": "Reusable coming soon state component."
+    },
+    {
+      "name": "CommandBlock",
+      "category": "content",
+      "purpose": "Reusable command block component."
+    },
+    {
+      "name": "CommandMenu",
+      "category": "overlays",
+      "purpose": "Reusable command menu component."
+    },
+    {
+      "name": "CommandSearchInput",
+      "category": "forms",
+      "purpose": "Reusable command search input component."
+    },
+    {
+      "name": "CompanyHero",
+      "category": "layout",
+      "purpose": "Reusable company hero component."
+    },
+    {
+      "name": "CompanyNameInput",
+      "category": "forms",
+      "purpose": "Reusable company name input component."
+    },
+    {
+      "name": "CompanyPageShell",
+      "category": "layout",
+      "purpose": "Reusable company page shell component."
+    },
+    {
+      "name": "CompanySizeSelector",
+      "category": "forms",
+      "purpose": "Reusable company size selector component."
+    },
+    {
+      "name": "ComparisonDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable comparison date range picker component."
+    },
+    {
+      "name": "ComparisonTable",
+      "category": "data",
+      "purpose": "Reusable comparison table component."
+    },
+    {
+      "name": "CompletionMeter",
+      "category": "visualization",
+      "purpose": "Reusable completion meter component."
+    },
+    {
+      "name": "ComplianceBadgeList",
+      "category": "data",
+      "purpose": "Reusable compliance badge list component."
+    },
+    {
+      "name": "ComplianceProgramCard",
+      "category": "content",
+      "purpose": "Reusable compliance program card component."
+    },
+    {
+      "name": "ConfirmPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable confirm password input component."
+    },
+    {
+      "name": "ConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable confirmation dialog component."
+    },
+    {
+      "name": "ConnectedAccountCard",
+      "category": "content",
+      "purpose": "Reusable connected account card component."
+    },
+    {
+      "name": "ConnectionCard",
+      "category": "content",
+      "purpose": "Reusable connection card component."
+    },
+    {
+      "name": "ConsentTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable consent timeline preview component."
+    },
+    {
+      "name": "ContactCTA",
+      "category": "actions",
+      "purpose": "Reusable contact c t a component."
+    },
+    {
+      "name": "ContactCard",
+      "category": "content",
+      "purpose": "Reusable contact card component."
+    },
+    {
+      "name": "ContactForm",
+      "category": "content",
+      "purpose": "Reusable contact form component."
+    },
+    {
+      "name": "ContactHero",
+      "category": "layout",
+      "purpose": "Reusable contact hero component."
+    },
+    {
+      "name": "ContactPageShell",
+      "category": "layout",
+      "purpose": "Reusable contact page shell component."
+    },
+    {
+      "name": "ContactSalesButton",
+      "category": "actions",
+      "purpose": "Reusable contact sales button component."
+    },
+    {
+      "name": "ContactSalesForm",
+      "category": "content",
+      "purpose": "Reusable contact sales form component."
+    },
+    {
+      "name": "ContextMenu",
+      "category": "overlays",
+      "purpose": "Reusable context menu component."
+    },
+    {
+      "name": "ContextSwitcher",
+      "category": "content",
+      "purpose": "Reusable context switcher component."
+    },
+    {
+      "name": "ConversationList",
+      "category": "data",
+      "purpose": "Reusable conversation list component."
+    },
+    {
+      "name": "ConversationPreview",
+      "category": "content",
+      "purpose": "Reusable conversation preview component."
+    },
+    {
+      "name": "ConversionChart",
+      "category": "visualization",
+      "purpose": "Reusable conversion chart component."
+    },
+    {
+      "name": "CookieBanner",
+      "category": "feedback",
+      "purpose": "Reusable cookie banner component."
+    },
+    {
+      "name": "CookieCategoryList",
+      "category": "data",
+      "purpose": "Reusable cookie category list component."
+    },
+    {
+      "name": "CookieCategoryToggle",
+      "category": "forms",
+      "purpose": "Reusable cookie category toggle component."
+    },
+    {
+      "name": "CookieDetailsTable",
+      "category": "data",
+      "purpose": "Reusable cookie details table component."
+    },
+    {
+      "name": "CookiePreferencesDialog",
+      "category": "overlays",
+      "purpose": "Reusable cookie preferences dialog component."
+    },
+    {
+      "name": "CookieTable",
+      "category": "data",
+      "purpose": "Reusable cookie table component."
+    },
+    {
+      "name": "CoordinatesInput",
+      "category": "forms",
+      "purpose": "Reusable coordinates input component."
+    },
+    {
+      "name": "CoordinatesPicker",
+      "category": "forms",
+      "purpose": "Reusable coordinates picker component."
+    },
+    {
+      "name": "CopyButton",
+      "category": "actions",
+      "purpose": "Reusable copy button component."
+    },
+    {
+      "name": "CopyCodeButton",
+      "category": "actions",
+      "purpose": "Reusable copy code button component."
+    },
+    {
+      "name": "CopySecretField",
+      "category": "forms",
+      "purpose": "Reusable copy secret field component."
+    },
+    {
+      "name": "CostBreakdownChart",
+      "category": "visualization",
+      "purpose": "Reusable cost breakdown chart component."
+    },
+    {
+      "name": "CostSummary",
+      "category": "content",
+      "purpose": "Reusable cost summary component."
+    },
+    {
+      "name": "Counter",
+      "category": "feedback",
+      "purpose": "Reusable counter component."
+    },
+    {
+      "name": "CountryCallingCodeInput",
+      "category": "forms",
+      "purpose": "Reusable country calling code input component."
+    },
+    {
+      "name": "CountryCallingCodeSelector",
+      "category": "forms",
+      "purpose": "Reusable country calling code selector component."
+    },
+    {
+      "name": "CountrySelector",
+      "category": "forms",
+      "purpose": "Reusable country selector component."
+    },
+    {
+      "name": "CouponInput",
+      "category": "forms",
+      "purpose": "Reusable coupon input component."
+    },
+    {
+      "name": "CreditAmountInput",
+      "category": "forms",
+      "purpose": "Reusable credit amount input component."
+    },
+    {
+      "name": "CronBuilder",
+      "category": "content",
+      "purpose": "Reusable cron builder component."
+    },
+    {
+      "name": "CronInput",
+      "category": "forms",
+      "purpose": "Reusable cron input component."
+    },
+    {
+      "name": "CsvUpload",
+      "category": "content",
+      "purpose": "Reusable csv upload component."
+    },
+    {
+      "name": "CurrencyInput",
+      "category": "forms",
+      "purpose": "Reusable currency input component."
+    },
+    {
+      "name": "CurrencySelector",
+      "category": "forms",
+      "purpose": "Reusable currency selector component."
+    },
+    {
+      "name": "CurrentPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable current password input component."
+    },
+    {
+      "name": "CustomerLogo",
+      "category": "content",
+      "purpose": "Reusable customer logo component."
+    },
+    {
+      "name": "CustomerStoryCard",
+      "category": "content",
+      "purpose": "Reusable customer story card component."
+    },
+    {
+      "name": "DangerButton",
+      "category": "actions",
+      "purpose": "Reusable danger button component."
+    },
+    {
+      "name": "DataProtectionCard",
+      "category": "content",
+      "purpose": "Reusable data protection card component."
+    },
+    {
+      "name": "DataRetentionTable",
+      "category": "data",
+      "purpose": "Reusable data retention table component."
+    },
+    {
+      "name": "DataTable",
+      "category": "data",
+      "purpose": "Reusable data table component."
+    },
+    {
+      "name": "DateInput",
+      "category": "forms",
+      "purpose": "Reusable date input component."
+    },
+    {
+      "name": "DatePicker",
+      "category": "forms",
+      "purpose": "Reusable date picker component."
+    },
+    {
+      "name": "DateRangeCalendar",
+      "category": "content",
+      "purpose": "Reusable date range calendar component."
+    },
+    {
+      "name": "DateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date range picker component."
+    },
+    {
+      "name": "DateRangeSlider",
+      "category": "content",
+      "purpose": "Reusable date range slider component."
+    },
+    {
+      "name": "DateTimeInput",
+      "category": "forms",
+      "purpose": "Reusable date time input component."
+    },
+    {
+      "name": "DateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable date time picker component."
+    },
+    {
+      "name": "DateTimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date time range picker component."
+    },
+    {
+      "name": "DecimalInput",
+      "category": "forms",
+      "purpose": "Reusable decimal input component."
+    },
+    {
+      "name": "DefinitionList",
+      "category": "data",
+      "purpose": "Reusable definition list component."
+    },
+    {
+      "name": "DeleteConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable delete confirmation dialog component."
+    },
+    {
+      "name": "DeliveryPreview",
+      "category": "content",
+      "purpose": "Reusable delivery preview component."
+    },
+    {
+      "name": "DeliveryStatusChart",
+      "category": "visualization",
+      "purpose": "Reusable delivery status chart component."
+    },
+    {
+      "name": "DeliveryStatusTimeline",
+      "category": "visualization",
+      "purpose": "Reusable delivery status timeline component."
+    },
+    {
+      "name": "DemoRequestForm",
+      "category": "content",
+      "purpose": "Reusable demo request form component."
+    },
+    {
+      "name": "DepartmentInput",
+      "category": "forms",
+      "purpose": "Reusable department input component."
+    },
+    {
+      "name": "DeprecatedFeatureAlert",
+      "category": "feedback",
+      "purpose": "Reusable deprecated feature alert component."
+    },
+    {
+      "name": "DescriptionList",
+      "category": "data",
+      "purpose": "Reusable description list component."
+    },
+    {
+      "name": "DesktopNavigation",
+      "category": "layout",
+      "purpose": "Reusable desktop navigation component."
+    },
+    {
+      "name": "DeveloperCTA",
+      "category": "actions",
+      "purpose": "Reusable developer c t a component."
+    },
+    {
+      "name": "DeveloperHero",
+      "category": "layout",
+      "purpose": "Reusable developer hero component."
+    },
+    {
+      "name": "DeveloperPageShell",
+      "category": "layout",
+      "purpose": "Reusable developer page shell component."
+    },
+    {
+      "name": "DeveloperSearch",
+      "category": "content",
+      "purpose": "Reusable developer search component."
+    },
+    {
+      "name": "DevelopersMenu",
+      "category": "overlays",
+      "purpose": "Reusable developers menu component."
+    },
+    {
+      "name": "DeviceCard",
+      "category": "content",
+      "purpose": "Reusable device card component."
+    },
+    {
+      "name": "DiscountInput",
+      "category": "forms",
+      "purpose": "Reusable discount input component."
+    },
+    {
+      "name": "DisplayNameInput",
+      "category": "forms",
+      "purpose": "Reusable display name input component."
+    },
+    {
+      "name": "DoNotSellLink",
+      "category": "actions",
+      "purpose": "Reusable do not sell link component."
+    },
+    {
+      "name": "DocumentPreview",
+      "category": "content",
+      "purpose": "Reusable document preview component."
+    },
+    {
+      "name": "DocumentUpload",
+      "category": "content",
+      "purpose": "Reusable document upload component."
+    },
+    {
+      "name": "DomainInput",
+      "category": "forms",
+      "purpose": "Reusable domain input component."
+    },
+    {
+      "name": "DonutChart",
+      "category": "visualization",
+      "purpose": "Reusable donut chart component."
+    },
+    {
+      "name": "DownloadAction",
+      "category": "actions",
+      "purpose": "Reusable download action component."
+    },
+    {
+      "name": "DownloadButton",
+      "category": "actions",
+      "purpose": "Reusable download button component."
+    },
+    {
+      "name": "DownloadGateForm",
+      "category": "content",
+      "purpose": "Reusable download gate form component."
+    },
+    {
+      "name": "DownloadPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable download policy button component."
+    },
+    {
+      "name": "DownloadResourceForm",
+      "category": "content",
+      "purpose": "Reusable download resource form component."
+    },
+    {
+      "name": "DropdownMenu",
+      "category": "overlays",
+      "purpose": "Reusable dropdown menu component."
+    },
+    {
+      "name": "DropdownNavigation",
+      "category": "layout",
+      "purpose": "Reusable dropdown navigation component."
+    },
+    {
+      "name": "DurationInput",
+      "category": "forms",
+      "purpose": "Reusable duration input component."
+    },
+    {
+      "name": "DurationPicker",
+      "category": "forms",
+      "purpose": "Reusable duration picker component."
+    },
+    {
+      "name": "DurationSlider",
+      "category": "content",
+      "purpose": "Reusable duration slider component."
+    },
+    {
+      "name": "ElevatedCard",
+      "category": "content",
+      "purpose": "Reusable elevated card component."
+    },
+    {
+      "name": "EmailBodyEditor",
+      "category": "forms",
+      "purpose": "Reusable email body editor component."
+    },
+    {
+      "name": "EmailComposer",
+      "category": "content",
+      "purpose": "Reusable email composer component."
+    },
+    {
+      "name": "EmailInput",
+      "category": "forms",
+      "purpose": "Reusable email input component."
+    },
+    {
+      "name": "EmojiPicker",
+      "category": "forms",
+      "purpose": "Reusable emoji picker component."
+    },
+    {
+      "name": "EmptyState",
+      "category": "feedback",
+      "purpose": "Reusable empty state component."
+    },
+    {
+      "name": "EncryptionDiagram",
+      "category": "visualization",
+      "purpose": "Reusable encryption diagram component."
+    },
+    {
+      "name": "EnterpriseCTA",
+      "category": "actions",
+      "purpose": "Reusable enterprise c t a component."
+    },
+    {
+      "name": "EnterpriseHero",
+      "category": "layout",
+      "purpose": "Reusable enterprise hero component."
+    },
+    {
+      "name": "EnterprisePricingCard",
+      "category": "content",
+      "purpose": "Reusable enterprise pricing card component."
+    },
+    {
+      "name": "EnvironmentSelector",
+      "category": "forms",
+      "purpose": "Reusable environment selector component."
+    },
+    {
+      "name": "EnvironmentSwitcher",
+      "category": "content",
+      "purpose": "Reusable environment switcher component."
+    },
+    {
+      "name": "ErrorActions",
+      "category": "actions",
+      "purpose": "Reusable error actions component."
+    },
+    {
+      "name": "ErrorCard",
+      "category": "content",
+      "purpose": "Reusable error card component."
+    },
+    {
+      "name": "ErrorCode",
+      "category": "content",
+      "purpose": "Reusable error code component."
+    },
+    {
+      "name": "ErrorHero",
+      "category": "layout",
+      "purpose": "Reusable error hero component."
+    },
+    {
+      "name": "ErrorIllustration",
+      "category": "content",
+      "purpose": "Reusable error illustration component."
+    },
+    {
+      "name": "ErrorPage",
+      "category": "content",
+      "purpose": "Reusable error page component."
+    },
+    {
+      "name": "ErrorPageShell",
+      "category": "layout",
+      "purpose": "Reusable error page shell component."
+    },
+    {
+      "name": "ErrorState",
+      "category": "feedback",
+      "purpose": "Reusable error state component."
+    },
+    {
+      "name": "ErrorSupportLink",
+      "category": "actions",
+      "purpose": "Reusable error support link component."
+    },
+    {
+      "name": "EstimatedCostSummary",
+      "category": "content",
+      "purpose": "Reusable estimated cost summary component."
+    },
+    {
+      "name": "EventTable",
+      "category": "data",
+      "purpose": "Reusable event table component."
+    },
+    {
+      "name": "ExpandableText",
+      "category": "content",
+      "purpose": "Reusable expandable text component."
+    },
+    {
+      "name": "ExpiryDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable expiry date time picker component."
+    },
+    {
+      "name": "ExportProgress",
+      "category": "visualization",
+      "purpose": "Reusable export progress component."
+    },
+    {
+      "name": "ExternalLink",
+      "category": "actions",
+      "purpose": "Reusable external link component."
+    },
+    {
+      "name": "EyebrowText",
+      "category": "content",
+      "purpose": "Reusable eyebrow text component."
+    },
+    {
+      "name": "FactorCard",
+      "category": "content",
+      "purpose": "Reusable factor card component."
+    },
+    {
+      "name": "FallbackRouteBuilder",
+      "category": "content",
+      "purpose": "Reusable fallback route builder component."
+    },
+    {
+      "name": "FallbackRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable fallback route diagram component."
+    },
+    {
+      "name": "FaviconUpload",
+      "category": "content",
+      "purpose": "Reusable favicon upload component."
+    },
+    {
+      "name": "FaxInput",
+      "category": "forms",
+      "purpose": "Reusable fax input component."
+    },
+    {
+      "name": "FeatureCard",
+      "category": "content",
+      "purpose": "Reusable feature card component."
+    },
+    {
+      "name": "FeatureChecklist",
+      "category": "content",
+      "purpose": "Reusable feature checklist component."
+    },
+    {
+      "name": "FeatureComparisonTable",
+      "category": "data",
+      "purpose": "Reusable feature comparison table component."
+    },
+    {
+      "name": "FeatureDetailsPanel",
+      "category": "layout",
+      "purpose": "Reusable feature details panel component."
+    },
+    {
+      "name": "FeatureGrid",
+      "category": "data",
+      "purpose": "Reusable feature grid component."
+    },
+    {
+      "name": "FeatureIconCard",
+      "category": "content",
+      "purpose": "Reusable feature icon card component."
+    },
+    {
+      "name": "FeatureList",
+      "category": "data",
+      "purpose": "Reusable feature list component."
+    },
+    {
+      "name": "FeatureTabs",
+      "category": "content",
+      "purpose": "Reusable feature tabs component."
+    },
+    {
+      "name": "FeatureTimeline",
+      "category": "visualization",
+      "purpose": "Reusable feature timeline component."
+    },
+    {
+      "name": "FeatureUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable feature unavailable state component."
+    },
+    {
+      "name": "FeaturedBlogCard",
+      "category": "content",
+      "purpose": "Reusable featured blog card component."
+    },
+    {
+      "name": "FieldActions",
+      "category": "actions",
+      "purpose": "Reusable field actions component."
+    },
+    {
+      "name": "FileInput",
+      "category": "forms",
+      "purpose": "Reusable file input component."
+    },
+    {
+      "name": "FileList",
+      "category": "data",
+      "purpose": "Reusable file list component."
+    },
+    {
+      "name": "FileSizeInput",
+      "category": "forms",
+      "purpose": "Reusable file size input component."
+    },
+    {
+      "name": "FileSizeLabel",
+      "category": "content",
+      "purpose": "Reusable file size label component."
+    },
+    {
+      "name": "FileTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable file type badge component."
+    },
+    {
+      "name": "FileUpload",
+      "category": "content",
+      "purpose": "Reusable file upload component."
+    },
+    {
+      "name": "FilterMenu",
+      "category": "overlays",
+      "purpose": "Reusable filter menu component."
+    },
+    {
+      "name": "FilterSearchInput",
+      "category": "forms",
+      "purpose": "Reusable filter search input component."
+    },
+    {
+      "name": "FilterableTable",
+      "category": "data",
+      "purpose": "Reusable filterable table component."
+    },
+    {
+      "name": "FinalCTA",
+      "category": "actions",
+      "purpose": "Reusable final c t a component."
+    },
+    {
+      "name": "FirstNameInput",
+      "category": "forms",
+      "purpose": "Reusable first name input component."
+    },
+    {
+      "name": "FontPicker",
+      "category": "forms",
+      "purpose": "Reusable font picker component."
+    },
+    {
+      "name": "FontSizePicker",
+      "category": "forms",
+      "purpose": "Reusable font size picker component."
+    },
+    {
+      "name": "FontWeightPicker",
+      "category": "forms",
+      "purpose": "Reusable font weight picker component."
+    },
+    {
+      "name": "FooterLanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable footer language switcher component."
+    },
+    {
+      "name": "FooterStatusIndicator",
+      "category": "feedback",
+      "purpose": "Reusable footer status indicator component."
+    },
+    {
+      "name": "ForbiddenPage",
+      "category": "content",
+      "purpose": "Reusable forbidden page component."
+    },
+    {
+      "name": "ForbiddenState",
+      "category": "feedback",
+      "purpose": "Reusable forbidden state component."
+    },
+    {
+      "name": "ForgotPasswordForm",
+      "category": "content",
+      "purpose": "Reusable forgot password form component."
+    },
+    {
+      "name": "Form",
+      "category": "content",
+      "purpose": "Reusable form component."
+    },
+    {
+      "name": "FormActions",
+      "category": "actions",
+      "purpose": "Reusable form actions component."
+    },
+    {
+      "name": "FormAlert",
+      "category": "feedback",
+      "purpose": "Reusable form alert component."
+    },
+    {
+      "name": "FormDialog",
+      "category": "overlays",
+      "purpose": "Reusable form dialog component."
+    },
+    {
+      "name": "FormErrorSummary",
+      "category": "content",
+      "purpose": "Reusable form error summary component."
+    },
+    {
+      "name": "FormField",
+      "category": "forms",
+      "purpose": "Reusable form field component."
+    },
+    {
+      "name": "FormGrid",
+      "category": "data",
+      "purpose": "Reusable form grid component."
+    },
+    {
+      "name": "FormGroup",
+      "category": "forms",
+      "purpose": "Reusable form group component."
+    },
+    {
+      "name": "FormHelpText",
+      "category": "content",
+      "purpose": "Reusable form help text component."
+    },
+    {
+      "name": "FormLabel",
+      "category": "content",
+      "purpose": "Reusable form label component."
+    },
+    {
+      "name": "FormProgress",
+      "category": "visualization",
+      "purpose": "Reusable form progress component."
+    },
+    {
+      "name": "FormRow",
+      "category": "data",
+      "purpose": "Reusable form row component."
+    },
+    {
+      "name": "FormSection",
+      "category": "layout",
+      "purpose": "Reusable form section component."
+    },
+    {
+      "name": "FullscreenDialog",
+      "category": "overlays",
+      "purpose": "Reusable fullscreen dialog component."
+    },
+    {
+      "name": "FunnelChart",
+      "category": "visualization",
+      "purpose": "Reusable funnel chart component."
+    },
+    {
+      "name": "GeoChart",
+      "category": "visualization",
+      "purpose": "Reusable geo chart component."
+    },
+    {
+      "name": "GeofenceEditor",
+      "category": "forms",
+      "purpose": "Reusable geofence editor component."
+    },
+    {
+      "name": "GhostButton",
+      "category": "actions",
+      "purpose": "Reusable ghost button component."
+    },
+    {
+      "name": "GlassCard",
+      "category": "content",
+      "purpose": "Reusable glass card component."
+    },
+    {
+      "name": "GlobalSearch",
+      "category": "content",
+      "purpose": "Reusable global search component."
+    },
+    {
+      "name": "GradientCTA",
+      "category": "actions",
+      "purpose": "Reusable gradient c t a component."
+    },
+    {
+      "name": "GradientPicker",
+      "category": "forms",
+      "purpose": "Reusable gradient picker component."
+    },
+    {
+      "name": "GradientStopEditor",
+      "category": "forms",
+      "purpose": "Reusable gradient stop editor component."
+    },
+    {
+      "name": "Grid",
+      "category": "data",
+      "purpose": "Reusable grid component."
+    },
+    {
+      "name": "GuideCard",
+      "category": "content",
+      "purpose": "Reusable guide card component."
+    },
+    {
+      "name": "GuideChecklist",
+      "category": "content",
+      "purpose": "Reusable guide checklist component."
+    },
+    {
+      "name": "GuideDifficultyBadge",
+      "category": "feedback",
+      "purpose": "Reusable guide difficulty badge component."
+    },
+    {
+      "name": "GuideGrid",
+      "category": "data",
+      "purpose": "Reusable guide grid component."
+    },
+    {
+      "name": "GuideStep",
+      "category": "content",
+      "purpose": "Reusable guide step component."
+    },
+    {
+      "name": "Header",
+      "category": "layout",
+      "purpose": "Reusable header component."
+    },
+    {
+      "name": "HeaderActions",
+      "category": "actions",
+      "purpose": "Reusable header actions component."
+    },
+    {
+      "name": "HealthIndicator",
+      "category": "feedback",
+      "purpose": "Reusable health indicator component."
+    },
+    {
+      "name": "Hero",
+      "category": "layout",
+      "purpose": "Reusable hero component."
+    },
+    {
+      "name": "HeroActions",
+      "category": "actions",
+      "purpose": "Reusable hero actions component."
+    },
+    {
+      "name": "HeroCodePanel",
+      "category": "layout",
+      "purpose": "Reusable hero code panel component."
+    },
+    {
+      "name": "HeroGradientText",
+      "category": "content",
+      "purpose": "Reusable hero gradient text component."
+    },
+    {
+      "name": "HeroPrimaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero primary action component."
+    },
+    {
+      "name": "HeroProductPreview",
+      "category": "content",
+      "purpose": "Reusable hero product preview component."
+    },
+    {
+      "name": "HeroSecondaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero secondary action component."
+    },
+    {
+      "name": "HeroTrustText",
+      "category": "content",
+      "purpose": "Reusable hero trust text component."
+    },
+    {
+      "name": "HexColorInput",
+      "category": "forms",
+      "purpose": "Reusable hex color input component."
+    },
+    {
+      "name": "HiddenField",
+      "category": "forms",
+      "purpose": "Reusable hidden field component."
+    },
+    {
+      "name": "HighlightText",
+      "category": "content",
+      "purpose": "Reusable highlight text component."
+    },
+    {
+      "name": "HolidayCalendar",
+      "category": "content",
+      "purpose": "Reusable holiday calendar component."
+    },
+    {
+      "name": "HostnameInput",
+      "category": "forms",
+      "purpose": "Reusable hostname input component."
+    },
+    {
+      "name": "HourPicker",
+      "category": "forms",
+      "purpose": "Reusable hour picker component."
+    },
+    {
+      "name": "HslColorInput",
+      "category": "forms",
+      "purpose": "Reusable hsl color input component."
+    },
+    {
+      "name": "HtmlEditor",
+      "category": "forms",
+      "purpose": "Reusable html editor component."
+    },
+    {
+      "name": "HumanApprovalStep",
+      "category": "content",
+      "purpose": "Reusable human approval step component."
+    },
+    {
+      "name": "Icon",
+      "category": "content",
+      "purpose": "Reusable icon component."
+    },
+    {
+      "name": "IconButton",
+      "category": "actions",
+      "purpose": "Reusable icon button component."
+    },
+    {
+      "name": "IconPicker",
+      "category": "forms",
+      "purpose": "Reusable icon picker component."
+    },
+    {
+      "name": "IconSelector",
+      "category": "forms",
+      "purpose": "Reusable icon selector component."
+    },
+    {
+      "name": "IdentifierInput",
+      "category": "forms",
+      "purpose": "Reusable identifier input component."
+    },
+    {
+      "name": "Illustration",
+      "category": "content",
+      "purpose": "Reusable illustration component."
+    },
+    {
+      "name": "ImageCompressionPreview",
+      "category": "content",
+      "purpose": "Reusable image compression preview component."
+    },
+    {
+      "name": "ImageEditor",
+      "category": "forms",
+      "purpose": "Reusable image editor component."
+    },
+    {
+      "name": "ImagePreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable image preview dialog component."
+    },
+    {
+      "name": "ImageSelector",
+      "category": "forms",
+      "purpose": "Reusable image selector component."
+    },
+    {
+      "name": "ImageUpload",
+      "category": "content",
+      "purpose": "Reusable image upload component."
+    },
+    {
+      "name": "ImportProgress",
+      "category": "visualization",
+      "purpose": "Reusable import progress component."
+    },
+    {
+      "name": "IncidentAlert",
+      "category": "feedback",
+      "purpose": "Reusable incident alert component."
+    },
+    {
+      "name": "IncidentBanner",
+      "category": "feedback",
+      "purpose": "Reusable incident banner component."
+    },
+    {
+      "name": "IncidentCard",
+      "category": "content",
+      "purpose": "Reusable incident card component."
+    },
+    {
+      "name": "IncidentList",
+      "category": "data",
+      "purpose": "Reusable incident list component."
+    },
+    {
+      "name": "IncidentResponseFlow",
+      "category": "visualization",
+      "purpose": "Reusable incident response flow component."
+    },
+    {
+      "name": "IncidentSeverityBadge",
+      "category": "feedback",
+      "purpose": "Reusable incident severity badge component."
+    },
+    {
+      "name": "IncidentTimeline",
+      "category": "visualization",
+      "purpose": "Reusable incident timeline component."
+    },
+    {
+      "name": "IndustryBadge",
+      "category": "feedback",
+      "purpose": "Reusable industry badge component."
+    },
+    {
+      "name": "IndustrySelector",
+      "category": "forms",
+      "purpose": "Reusable industry selector component."
+    },
+    {
+      "name": "InfoCard",
+      "category": "content",
+      "purpose": "Reusable info card component."
+    },
+    {
+      "name": "InlineAlert",
+      "category": "feedback",
+      "purpose": "Reusable inline alert component."
+    },
+    {
+      "name": "InlineCode",
+      "category": "content",
+      "purpose": "Reusable inline code component."
+    },
+    {
+      "name": "InputGroup",
+      "category": "forms",
+      "purpose": "Reusable input group component."
+    },
+    {
+      "name": "InsetPanel",
+      "category": "layout",
+      "purpose": "Reusable inset panel component."
+    },
+    {
+      "name": "IntegerInput",
+      "category": "forms",
+      "purpose": "Reusable integer input component."
+    },
+    {
+      "name": "IntegrationCard",
+      "category": "content",
+      "purpose": "Reusable integration card component."
+    },
+    {
+      "name": "InvoiceLineItem",
+      "category": "content",
+      "purpose": "Reusable invoice line item component."
+    },
+    {
+      "name": "InvoiceSummary",
+      "category": "content",
+      "purpose": "Reusable invoice summary component."
+    },
+    {
+      "name": "IpAddressInput",
+      "category": "forms",
+      "purpose": "Reusable ip address input component."
+    },
+    {
+      "name": "JobCard",
+      "category": "content",
+      "purpose": "Reusable job card component."
+    },
+    {
+      "name": "JobProgress",
+      "category": "visualization",
+      "purpose": "Reusable job progress component."
+    },
+    {
+      "name": "JobTitleInput",
+      "category": "forms",
+      "purpose": "Reusable job title input component."
+    },
+    {
+      "name": "JsonInput",
+      "category": "forms",
+      "purpose": "Reusable json input component."
+    },
+    {
+      "name": "JsonViewer",
+      "category": "content",
+      "purpose": "Reusable json viewer component."
+    },
+    {
+      "name": "KeyValueTable",
+      "category": "data",
+      "purpose": "Reusable key value table component."
+    },
+    {
+      "name": "KycDocumentUpload",
+      "category": "content",
+      "purpose": "Reusable kyc document upload component."
+    },
+    {
+      "name": "LanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable language selector component."
+    },
+    {
+      "name": "LanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable language switcher component."
+    },
+    {
+      "name": "LastNameInput",
+      "category": "forms",
+      "purpose": "Reusable last name input component."
+    },
+    {
+      "name": "LatencyMetric",
+      "category": "visualization",
+      "purpose": "Reusable latency metric component."
+    },
+    {
+      "name": "LatitudeInput",
+      "category": "forms",
+      "purpose": "Reusable latitude input component."
+    },
+    {
+      "name": "LeadText",
+      "category": "content",
+      "purpose": "Reusable lead text component."
+    },
+    {
+      "name": "LeadershipGrid",
+      "category": "data",
+      "purpose": "Reusable leadership grid component."
+    },
+    {
+      "name": "LegalAcceptanceNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal acceptance notice component."
+    },
+    {
+      "name": "LegalBulletList",
+      "category": "data",
+      "purpose": "Reusable legal bullet list component."
+    },
+    {
+      "name": "LegalContactBlock",
+      "category": "content",
+      "purpose": "Reusable legal contact block component."
+    },
+    {
+      "name": "LegalDefinitionList",
+      "category": "data",
+      "purpose": "Reusable legal definition list component."
+    },
+    {
+      "name": "LegalDocumentHeader",
+      "category": "layout",
+      "purpose": "Reusable legal document header component."
+    },
+    {
+      "name": "LegalDocumentLayout",
+      "category": "layout",
+      "purpose": "Reusable legal document layout component."
+    },
+    {
+      "name": "LegalHero",
+      "category": "layout",
+      "purpose": "Reusable legal hero component."
+    },
+    {
+      "name": "LegalLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable legal language selector component."
+    },
+    {
+      "name": "LegalNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal notice component."
+    },
+    {
+      "name": "LegalPageShell",
+      "category": "layout",
+      "purpose": "Reusable legal page shell component."
+    },
+    {
+      "name": "LegalPrintButton",
+      "category": "actions",
+      "purpose": "Reusable legal print button component."
+    },
+    {
+      "name": "LegalRegionSelector",
+      "category": "forms",
+      "purpose": "Reusable legal region selector component."
+    },
+    {
+      "name": "LegalSection",
+      "category": "layout",
+      "purpose": "Reusable legal section component."
+    },
+    {
+      "name": "LegalSummary",
+      "category": "content",
+      "purpose": "Reusable legal summary component."
+    },
+    {
+      "name": "LegalTable",
+      "category": "data",
+      "purpose": "Reusable legal table component."
+    },
+    {
+      "name": "LegalVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable legal version badge component."
+    },
+    {
+      "name": "LetterSpacingPicker",
+      "category": "forms",
+      "purpose": "Reusable letter spacing picker component."
+    },
+    {
+      "name": "LicenseKeyInput",
+      "category": "forms",
+      "purpose": "Reusable license key input component."
+    },
+    {
+      "name": "Lightbox",
+      "category": "overlays",
+      "purpose": "Reusable lightbox component."
+    },
+    {
+      "name": "LineChart",
+      "category": "visualization",
+      "purpose": "Reusable line chart component."
+    },
+    {
+      "name": "LineHeightPicker",
+      "category": "forms",
+      "purpose": "Reusable line height picker component."
+    },
+    {
+      "name": "LinkButton",
+      "category": "actions",
+      "purpose": "Reusable link button component."
+    },
+    {
+      "name": "List",
+      "category": "data",
+      "purpose": "Reusable list component."
+    },
+    {
+      "name": "LoadingButton",
+      "category": "actions",
+      "purpose": "Reusable loading button component."
+    },
+    {
+      "name": "LocaleSelector",
+      "category": "forms",
+      "purpose": "Reusable locale selector component."
+    },
+    {
+      "name": "LocalizedRouteLink",
+      "category": "actions",
+      "purpose": "Reusable localized route link component."
+    },
+    {
+      "name": "LocationPicker",
+      "category": "forms",
+      "purpose": "Reusable location picker component."
+    },
+    {
+      "name": "LogTable",
+      "category": "data",
+      "purpose": "Reusable log table component."
+    },
+    {
+      "name": "Logo",
+      "category": "content",
+      "purpose": "Reusable logo component."
+    },
+    {
+      "name": "LogoUpload",
+      "category": "content",
+      "purpose": "Reusable logo upload component."
+    },
+    {
+      "name": "LogoutDialog",
+      "category": "overlays",
+      "purpose": "Reusable logout dialog component."
+    },
+    {
+      "name": "LongitudeInput",
+      "category": "forms",
+      "purpose": "Reusable longitude input component."
+    },
+    {
+      "name": "MaintenanceAlert",
+      "category": "feedback",
+      "purpose": "Reusable maintenance alert component."
+    },
+    {
+      "name": "MaintenanceBanner",
+      "category": "feedback",
+      "purpose": "Reusable maintenance banner component."
+    },
+    {
+      "name": "MaintenanceCard",
+      "category": "content",
+      "purpose": "Reusable maintenance card component."
+    },
+    {
+      "name": "MaintenancePage",
+      "category": "content",
+      "purpose": "Reusable maintenance page component."
+    },
+    {
+      "name": "MaintenanceState",
+      "category": "feedback",
+      "purpose": "Reusable maintenance state component."
+    },
+    {
+      "name": "MaintenanceWindowPicker",
+      "category": "forms",
+      "purpose": "Reusable maintenance window picker component."
+    },
+    {
+      "name": "MapPicker",
+      "category": "forms",
+      "purpose": "Reusable map picker component."
+    },
+    {
+      "name": "MarkdownEditor",
+      "category": "forms",
+      "purpose": "Reusable markdown editor component."
+    },
+    {
+      "name": "MarketingPageShell",
+      "category": "layout",
+      "purpose": "Reusable marketing page shell component."
+    },
+    {
+      "name": "MarketingSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable marketing section header component."
+    },
+    {
+      "name": "MaskedSecretField",
+      "category": "forms",
+      "purpose": "Reusable masked secret field component."
+    },
+    {
+      "name": "MegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable mega menu component."
+    },
+    {
+      "name": "MemberList",
+      "category": "data",
+      "purpose": "Reusable member list component."
+    },
+    {
+      "name": "MentionInput",
+      "category": "forms",
+      "purpose": "Reusable mention input component."
+    },
+    {
+      "name": "MessageCharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable message character counter component."
+    },
+    {
+      "name": "MessageComposer",
+      "category": "content",
+      "purpose": "Reusable message composer component."
+    },
+    {
+      "name": "MessageComposerPreview",
+      "category": "content",
+      "purpose": "Reusable message composer preview component."
+    },
+    {
+      "name": "MessageLimitInput",
+      "category": "forms",
+      "purpose": "Reusable message limit input component."
+    },
+    {
+      "name": "MessagePreview",
+      "category": "content",
+      "purpose": "Reusable message preview component."
+    },
+    {
+      "name": "MessageVolumeSlider",
+      "category": "content",
+      "purpose": "Reusable message volume slider component."
+    },
+    {
+      "name": "Metric",
+      "category": "visualization",
+      "purpose": "Reusable metric component."
+    },
+    {
+      "name": "MetricCard",
+      "category": "content",
+      "purpose": "Reusable metric card component."
+    },
+    {
+      "name": "MetricGrid",
+      "category": "data",
+      "purpose": "Reusable metric grid component."
+    },
+    {
+      "name": "MetricText",
+      "category": "content",
+      "purpose": "Reusable metric text component."
+    },
+    {
+      "name": "MinutePicker",
+      "category": "forms",
+      "purpose": "Reusable minute picker component."
+    },
+    {
+      "name": "MissionSection",
+      "category": "layout",
+      "purpose": "Reusable mission section component."
+    },
+    {
+      "name": "MobileDeviceFrame",
+      "category": "layout",
+      "purpose": "Reusable mobile device frame component."
+    },
+    {
+      "name": "MobileInput",
+      "category": "forms",
+      "purpose": "Reusable mobile input component."
+    },
+    {
+      "name": "MobileMenuButton",
+      "category": "actions",
+      "purpose": "Reusable mobile menu button component."
+    },
+    {
+      "name": "MobileNavigation",
+      "category": "layout",
+      "purpose": "Reusable mobile navigation component."
+    },
+    {
+      "name": "MobileTableCard",
+      "category": "content",
+      "purpose": "Reusable mobile table card component."
+    },
+    {
+      "name": "MonthPicker",
+      "category": "forms",
+      "purpose": "Reusable month picker component."
+    },
+    {
+      "name": "MonthYearPicker",
+      "category": "forms",
+      "purpose": "Reusable month year picker component."
+    },
+    {
+      "name": "MonthlyVolumeSelector",
+      "category": "forms",
+      "purpose": "Reusable monthly volume selector component."
+    },
+    {
+      "name": "MultiFileUpload",
+      "category": "content",
+      "purpose": "Reusable multi file upload component."
+    },
+    {
+      "name": "MultipleEmailInput",
+      "category": "forms",
+      "purpose": "Reusable multiple email input component."
+    },
+    {
+      "name": "MutedText",
+      "category": "content",
+      "purpose": "Reusable muted text component."
+    },
+    {
+      "name": "NameInput",
+      "category": "forms",
+      "purpose": "Reusable name input component."
+    },
+    {
+      "name": "Navigation",
+      "category": "layout",
+      "purpose": "Reusable navigation component."
+    },
+    {
+      "name": "NavigationItem",
+      "category": "content",
+      "purpose": "Reusable navigation item component."
+    },
+    {
+      "name": "NavigationMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable navigation mega menu component."
+    },
+    {
+      "name": "NewBadge",
+      "category": "feedback",
+      "purpose": "Reusable new badge component."
+    },
+    {
+      "name": "NewPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable new password input component."
+    },
+    {
+      "name": "NewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable newsletter c t a component."
+    },
+    {
+      "name": "NewsletterForm",
+      "category": "content",
+      "purpose": "Reusable newsletter form component."
+    },
+    {
+      "name": "NoResultsState",
+      "category": "feedback",
+      "purpose": "Reusable no results state component."
+    },
+    {
+      "name": "NotFoundPage",
+      "category": "content",
+      "purpose": "Reusable not found page component."
+    },
+    {
+      "name": "NotFoundState",
+      "category": "feedback",
+      "purpose": "Reusable not found state component."
+    },
+    {
+      "name": "NotificationCard",
+      "category": "content",
+      "purpose": "Reusable notification card component."
+    },
+    {
+      "name": "NotificationList",
+      "category": "data",
+      "purpose": "Reusable notification list component."
+    },
+    {
+      "name": "NumberInput",
+      "category": "forms",
+      "purpose": "Reusable number input component."
+    },
+    {
+      "name": "OfficeCard",
+      "category": "content",
+      "purpose": "Reusable office card component."
+    },
+    {
+      "name": "OfflinePage",
+      "category": "content",
+      "purpose": "Reusable offline page component."
+    },
+    {
+      "name": "OfflineState",
+      "category": "feedback",
+      "purpose": "Reusable offline state component."
+    },
+    {
+      "name": "OnboardingProgress",
+      "category": "visualization",
+      "purpose": "Reusable onboarding progress component."
+    },
+    {
+      "name": "OneTimeSecretDisplay",
+      "category": "content",
+      "purpose": "Reusable one time secret display component."
+    },
+    {
+      "name": "OnlineIndicator",
+      "category": "feedback",
+      "purpose": "Reusable online indicator component."
+    },
+    {
+      "name": "OpacitySlider",
+      "category": "content",
+      "purpose": "Reusable opacity slider component."
+    },
+    {
+      "name": "OpenAPICTA",
+      "category": "actions",
+      "purpose": "Reusable open a p i c t a component."
+    },
+    {
+      "name": "OptionalIndicator",
+      "category": "feedback",
+      "purpose": "Reusable optional indicator component."
+    },
+    {
+      "name": "OrganizationSelector",
+      "category": "forms",
+      "purpose": "Reusable organization selector component."
+    },
+    {
+      "name": "OtpInput",
+      "category": "forms",
+      "purpose": "Reusable otp input component."
+    },
+    {
+      "name": "OtpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable otp verification form component."
+    },
+    {
+      "name": "OutlinedCard",
+      "category": "content",
+      "purpose": "Reusable outlined card component."
+    },
+    {
+      "name": "PageAlert",
+      "category": "feedback",
+      "purpose": "Reusable page alert component."
+    },
+    {
+      "name": "PageSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable page skeleton component."
+    },
+    {
+      "name": "Panel",
+      "category": "layout",
+      "purpose": "Reusable panel component."
+    },
+    {
+      "name": "PartnerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable partner application form component."
+    },
+    {
+      "name": "PartnerLogoGrid",
+      "category": "data",
+      "purpose": "Reusable partner logo grid component."
+    },
+    {
+      "name": "PartnerProgramCard",
+      "category": "content",
+      "purpose": "Reusable partner program card component."
+    },
+    {
+      "name": "PasskeyButton",
+      "category": "actions",
+      "purpose": "Reusable passkey button component."
+    },
+    {
+      "name": "PasswordInput",
+      "category": "forms",
+      "purpose": "Reusable password input component."
+    },
+    {
+      "name": "PasswordRequirementList",
+      "category": "data",
+      "purpose": "Reusable password requirement list component."
+    },
+    {
+      "name": "PasswordStrengthMeter",
+      "category": "visualization",
+      "purpose": "Reusable password strength meter component."
+    },
+    {
+      "name": "PasswordVisibilityToggle",
+      "category": "forms",
+      "purpose": "Reusable password visibility toggle component."
+    },
+    {
+      "name": "PathInput",
+      "category": "forms",
+      "purpose": "Reusable path input component."
+    },
+    {
+      "name": "PaymentMethodCard",
+      "category": "content",
+      "purpose": "Reusable payment method card component."
+    },
+    {
+      "name": "PdfPreview",
+      "category": "content",
+      "purpose": "Reusable pdf preview component."
+    },
+    {
+      "name": "PercentageInput",
+      "category": "forms",
+      "purpose": "Reusable percentage input component."
+    },
+    {
+      "name": "PermissionSelector",
+      "category": "forms",
+      "purpose": "Reusable permission selector component."
+    },
+    {
+      "name": "PhoneInput",
+      "category": "forms",
+      "purpose": "Reusable phone input component."
+    },
+    {
+      "name": "PieChart",
+      "category": "visualization",
+      "purpose": "Reusable pie chart component."
+    },
+    {
+      "name": "PinInput",
+      "category": "forms",
+      "purpose": "Reusable pin input component."
+    },
+    {
+      "name": "PlainTextEditor",
+      "category": "forms",
+      "purpose": "Reusable plain text editor component."
+    },
+    {
+      "name": "PlanCTA",
+      "category": "actions",
+      "purpose": "Reusable plan c t a component."
+    },
+    {
+      "name": "PlanFeatureList",
+      "category": "data",
+      "purpose": "Reusable plan feature list component."
+    },
+    {
+      "name": "PlanLimitList",
+      "category": "data",
+      "purpose": "Reusable plan limit list component."
+    },
+    {
+      "name": "PlanSelector",
+      "category": "forms",
+      "purpose": "Reusable plan selector component."
+    },
+    {
+      "name": "PlatformPillarCard",
+      "category": "content",
+      "purpose": "Reusable platform pillar card component."
+    },
+    {
+      "name": "PolicyVersionTable",
+      "category": "data",
+      "purpose": "Reusable policy version table component."
+    },
+    {
+      "name": "Popover",
+      "category": "overlays",
+      "purpose": "Reusable popover component."
+    },
+    {
+      "name": "PortInput",
+      "category": "forms",
+      "purpose": "Reusable port input component."
+    },
+    {
+      "name": "PortNumberInput",
+      "category": "forms",
+      "purpose": "Reusable port number input component."
+    },
+    {
+      "name": "PositiveNumberInput",
+      "category": "forms",
+      "purpose": "Reusable positive number input component."
+    },
+    {
+      "name": "PostalCodeInput",
+      "category": "forms",
+      "purpose": "Reusable postal code input component."
+    },
+    {
+      "name": "PostmanCTA",
+      "category": "actions",
+      "purpose": "Reusable postman c t a component."
+    },
+    {
+      "name": "PresetDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable preset date range picker component."
+    },
+    {
+      "name": "PressReleaseCard",
+      "category": "content",
+      "purpose": "Reusable press release card component."
+    },
+    {
+      "name": "PreviewBadge",
+      "category": "feedback",
+      "purpose": "Reusable preview badge component."
+    },
+    {
+      "name": "PreviousNextNavigation",
+      "category": "layout",
+      "purpose": "Reusable previous next navigation component."
+    },
+    {
+      "name": "PriceInput",
+      "category": "forms",
+      "purpose": "Reusable price input component."
+    },
+    {
+      "name": "PriceRangeSlider",
+      "category": "content",
+      "purpose": "Reusable price range slider component."
+    },
+    {
+      "name": "PriceText",
+      "category": "content",
+      "purpose": "Reusable price text component."
+    },
+    {
+      "name": "PricingCard",
+      "category": "content",
+      "purpose": "Reusable pricing card component."
+    },
+    {
+      "name": "PricingComparisonTable",
+      "category": "data",
+      "purpose": "Reusable pricing comparison table component."
+    },
+    {
+      "name": "PricingContactForm",
+      "category": "content",
+      "purpose": "Reusable pricing contact form component."
+    },
+    {
+      "name": "PricingFeatureGroup",
+      "category": "forms",
+      "purpose": "Reusable pricing feature group component."
+    },
+    {
+      "name": "PricingGrid",
+      "category": "data",
+      "purpose": "Reusable pricing grid component."
+    },
+    {
+      "name": "PricingHero",
+      "category": "layout",
+      "purpose": "Reusable pricing hero component."
+    },
+    {
+      "name": "PricingPlanCard",
+      "category": "content",
+      "purpose": "Reusable pricing plan card component."
+    },
+    {
+      "name": "PricingTable",
+      "category": "data",
+      "purpose": "Reusable pricing table component."
+    },
+    {
+      "name": "PricingToggle",
+      "category": "forms",
+      "purpose": "Reusable pricing toggle component."
+    },
+    {
+      "name": "PrimaryButton",
+      "category": "actions",
+      "purpose": "Reusable primary button component."
+    },
+    {
+      "name": "PrintAction",
+      "category": "actions",
+      "purpose": "Reusable print action component."
+    },
+    {
+      "name": "PrintPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable print policy button component."
+    },
+    {
+      "name": "PrioritySelector",
+      "category": "forms",
+      "purpose": "Reusable priority selector component."
+    },
+    {
+      "name": "PrivacyNotice",
+      "category": "feedback",
+      "purpose": "Reusable privacy notice component."
+    },
+    {
+      "name": "ProductArchitectureDiagram",
+      "category": "visualization",
+      "purpose": "Reusable product architecture diagram component."
+    },
+    {
+      "name": "ProductCTA",
+      "category": "actions",
+      "purpose": "Reusable product c t a component."
+    },
+    {
+      "name": "ProductCard",
+      "category": "content",
+      "purpose": "Reusable product card component."
+    },
+    {
+      "name": "ProductCategorySection",
+      "category": "layout",
+      "purpose": "Reusable product category section component."
+    },
+    {
+      "name": "ProductFeatureList",
+      "category": "data",
+      "purpose": "Reusable product feature list component."
+    },
+    {
+      "name": "ProductGrid",
+      "category": "data",
+      "purpose": "Reusable product grid component."
+    },
+    {
+      "name": "ProductHero",
+      "category": "layout",
+      "purpose": "Reusable product hero component."
+    },
+    {
+      "name": "ProductIcon",
+      "category": "content",
+      "purpose": "Reusable product icon component."
+    },
+    {
+      "name": "ProductIntegrationList",
+      "category": "data",
+      "purpose": "Reusable product integration list component."
+    },
+    {
+      "name": "ProductList",
+      "category": "data",
+      "purpose": "Reusable product list component."
+    },
+    {
+      "name": "ProductLogo",
+      "category": "content",
+      "purpose": "Reusable product logo component."
+    },
+    {
+      "name": "ProductMiniCard",
+      "category": "content",
+      "purpose": "Reusable product mini card component."
+    },
+    {
+      "name": "ProductNavigationCard",
+      "category": "content",
+      "purpose": "Reusable product navigation card component."
+    },
+    {
+      "name": "ProductPageShell",
+      "category": "layout",
+      "purpose": "Reusable product page shell component."
+    },
+    {
+      "name": "ProductSelector",
+      "category": "forms",
+      "purpose": "Reusable product selector component."
+    },
+    {
+      "name": "ProductStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable product status badge component."
+    },
+    {
+      "name": "ProductUseCaseList",
+      "category": "data",
+      "purpose": "Reusable product use case list component."
+    },
+    {
+      "name": "ProductsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable products mega menu component."
+    },
+    {
+      "name": "ProgressChart",
+      "category": "visualization",
+      "purpose": "Reusable progress chart component."
+    },
+    {
+      "name": "ProgressRing",
+      "category": "visualization",
+      "purpose": "Reusable progress ring component."
+    },
+    {
+      "name": "ProgressSlider",
+      "category": "content",
+      "purpose": "Reusable progress slider component."
+    },
+    {
+      "name": "ProjectCard",
+      "category": "content",
+      "purpose": "Reusable project card component."
+    },
+    {
+      "name": "ProjectSelector",
+      "category": "forms",
+      "purpose": "Reusable project selector component."
+    },
+    {
+      "name": "ProjectSwitcher",
+      "category": "content",
+      "purpose": "Reusable project switcher component."
+    },
+    {
+      "name": "PromoCodeInput",
+      "category": "forms",
+      "purpose": "Reusable promo code input component."
+    },
+    {
+      "name": "PromptDialog",
+      "category": "overlays",
+      "purpose": "Reusable prompt dialog component."
+    },
+    {
+      "name": "ProviderSelector",
+      "category": "forms",
+      "purpose": "Reusable provider selector component."
+    },
+    {
+      "name": "PublicHeader",
+      "category": "layout",
+      "purpose": "Reusable public header component."
+    },
+    {
+      "name": "PublicHeaderLogo",
+      "category": "content",
+      "purpose": "Reusable public header logo component."
+    },
+    {
+      "name": "PublicPageShell",
+      "category": "layout",
+      "purpose": "Reusable public page shell component."
+    },
+    {
+      "name": "PublishDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable publish date time picker component."
+    },
+    {
+      "name": "PushComposer",
+      "category": "content",
+      "purpose": "Reusable push composer component."
+    },
+    {
+      "name": "PushNotificationEditor",
+      "category": "forms",
+      "purpose": "Reusable push notification editor component."
+    },
+    {
+      "name": "QrCode",
+      "category": "content",
+      "purpose": "Reusable qr code component."
+    },
+    {
+      "name": "QuantityInput",
+      "category": "forms",
+      "purpose": "Reusable quantity input component."
+    },
+    {
+      "name": "QuantityStepper",
+      "category": "content",
+      "purpose": "Reusable quantity stepper component."
+    },
+    {
+      "name": "QuietHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable quiet hours picker component."
+    },
+    {
+      "name": "QuoteText",
+      "category": "content",
+      "purpose": "Reusable quote text component."
+    },
+    {
+      "name": "RadioGroup",
+      "category": "forms",
+      "purpose": "Reusable radio group component."
+    },
+    {
+      "name": "RangeInput",
+      "category": "forms",
+      "purpose": "Reusable range input component."
+    },
+    {
+      "name": "RangeSlider",
+      "category": "content",
+      "purpose": "Reusable range slider component."
+    },
+    {
+      "name": "RateLimitInput",
+      "category": "forms",
+      "purpose": "Reusable rate limit input component."
+    },
+    {
+      "name": "RateLimitPage",
+      "category": "content",
+      "purpose": "Reusable rate limit page component."
+    },
+    {
+      "name": "RateLimitedState",
+      "category": "feedback",
+      "purpose": "Reusable rate limited state component."
+    },
+    {
+      "name": "RateTable",
+      "category": "data",
+      "purpose": "Reusable rate table component."
+    },
+    {
+      "name": "RatingSlider",
+      "category": "content",
+      "purpose": "Reusable rating slider component."
+    },
+    {
+      "name": "RecipientSelector",
+      "category": "forms",
+      "purpose": "Reusable recipient selector component."
+    },
+    {
+      "name": "RecoveryCodeForm",
+      "category": "content",
+      "purpose": "Reusable recovery code form component."
+    },
+    {
+      "name": "RecoveryCodeInput",
+      "category": "forms",
+      "purpose": "Reusable recovery code input component."
+    },
+    {
+      "name": "RecurrenceRuleBuilder",
+      "category": "content",
+      "purpose": "Reusable recurrence rule builder component."
+    },
+    {
+      "name": "RecurringSchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable recurring schedule picker component."
+    },
+    {
+      "name": "RedirectUriInput",
+      "category": "forms",
+      "purpose": "Reusable redirect uri input component."
+    },
+    {
+      "name": "ReferenceInput",
+      "category": "forms",
+      "purpose": "Reusable reference input component."
+    },
+    {
+      "name": "RegexInput",
+      "category": "forms",
+      "purpose": "Reusable regex input component."
+    },
+    {
+      "name": "RegionAvailabilityTable",
+      "category": "data",
+      "purpose": "Reusable region availability table component."
+    },
+    {
+      "name": "RegionSelector",
+      "category": "forms",
+      "purpose": "Reusable region selector component."
+    },
+    {
+      "name": "RegionUnavailableAlert",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable alert component."
+    },
+    {
+      "name": "RegionUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable state component."
+    },
+    {
+      "name": "RegionalPrivacyBanner",
+      "category": "feedback",
+      "purpose": "Reusable regional privacy banner component."
+    },
+    {
+      "name": "RejectOptionalCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable reject optional cookies button component."
+    },
+    {
+      "name": "ReopenCookieSettingsButton",
+      "category": "actions",
+      "purpose": "Reusable reopen cookie settings button component."
+    },
+    {
+      "name": "ReportCard",
+      "category": "content",
+      "purpose": "Reusable report card component."
+    },
+    {
+      "name": "RequestResponseViewer",
+      "category": "content",
+      "purpose": "Reusable request response viewer component."
+    },
+    {
+      "name": "RequestViewer",
+      "category": "content",
+      "purpose": "Reusable request viewer component."
+    },
+    {
+      "name": "RequiredIndicator",
+      "category": "feedback",
+      "purpose": "Reusable required indicator component."
+    },
+    {
+      "name": "ResetPasswordForm",
+      "category": "content",
+      "purpose": "Reusable reset password form component."
+    },
+    {
+      "name": "ResizablePanel",
+      "category": "layout",
+      "purpose": "Reusable resizable panel component."
+    },
+    {
+      "name": "ResourceCard",
+      "category": "content",
+      "purpose": "Reusable resource card component."
+    },
+    {
+      "name": "ResourceDownloadCard",
+      "category": "content",
+      "purpose": "Reusable resource download card component."
+    },
+    {
+      "name": "ResourcePageShell",
+      "category": "layout",
+      "purpose": "Reusable resource page shell component."
+    },
+    {
+      "name": "ResourceSearch",
+      "category": "content",
+      "purpose": "Reusable resource search component."
+    },
+    {
+      "name": "ResourceTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable resource type badge component."
+    },
+    {
+      "name": "ResourcesMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable resources mega menu component."
+    },
+    {
+      "name": "ResponseViewer",
+      "category": "content",
+      "purpose": "Reusable response viewer component."
+    },
+    {
+      "name": "ResponsibleDisclosureCTA",
+      "category": "actions",
+      "purpose": "Reusable responsible disclosure c t a component."
+    },
+    {
+      "name": "ResponsiveTable",
+      "category": "data",
+      "purpose": "Reusable responsive table component."
+    },
+    {
+      "name": "ResultsSection",
+      "category": "layout",
+      "purpose": "Reusable results section component."
+    },
+    {
+      "name": "RetentionTable",
+      "category": "data",
+      "purpose": "Reusable retention table component."
+    },
+    {
+      "name": "RetryCountInput",
+      "category": "forms",
+      "purpose": "Reusable retry count input component."
+    },
+    {
+      "name": "RevenueChart",
+      "category": "visualization",
+      "purpose": "Reusable revenue chart component."
+    },
+    {
+      "name": "RgbColorInput",
+      "category": "forms",
+      "purpose": "Reusable rgb color input component."
+    },
+    {
+      "name": "RichTextEditor",
+      "category": "forms",
+      "purpose": "Reusable rich text editor component."
+    },
+    {
+      "name": "RichTextInput",
+      "category": "forms",
+      "purpose": "Reusable rich text input component."
+    },
+    {
+      "name": "RoleSelector",
+      "category": "forms",
+      "purpose": "Reusable role selector component."
+    },
+    {
+      "name": "RollingDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable rolling date range picker component."
+    },
+    {
+      "name": "SDKCard",
+      "category": "content",
+      "purpose": "Reusable s d k card component."
+    },
+    {
+      "name": "SDKLanguageTabs",
+      "category": "content",
+      "purpose": "Reusable s d k language tabs component."
+    },
+    {
+      "name": "SaveCookiePreferencesButton",
+      "category": "actions",
+      "purpose": "Reusable save cookie preferences button component."
+    },
+    {
+      "name": "SavedFilterSelector",
+      "category": "forms",
+      "purpose": "Reusable saved filter selector component."
+    },
+    {
+      "name": "ScheduleMessagePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule message picker component."
+    },
+    {
+      "name": "SchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule picker component."
+    },
+    {
+      "name": "ScheduledDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable scheduled date time picker component."
+    },
+    {
+      "name": "ScreenshotFrame",
+      "category": "layout",
+      "purpose": "Reusable screenshot frame component."
+    },
+    {
+      "name": "SdkLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable sdk language selector component."
+    },
+    {
+      "name": "SearchButton",
+      "category": "actions",
+      "purpose": "Reusable search button component."
+    },
+    {
+      "name": "SearchCategoryTabs",
+      "category": "content",
+      "purpose": "Reusable search category tabs component."
+    },
+    {
+      "name": "SearchDialog",
+      "category": "overlays",
+      "purpose": "Reusable search dialog component."
+    },
+    {
+      "name": "SearchEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable search empty state component."
+    },
+    {
+      "name": "SearchInput",
+      "category": "forms",
+      "purpose": "Reusable search input component."
+    },
+    {
+      "name": "SearchLoadingState",
+      "category": "feedback",
+      "purpose": "Reusable search loading state component."
+    },
+    {
+      "name": "SearchResultItem",
+      "category": "content",
+      "purpose": "Reusable search result item component."
+    },
+    {
+      "name": "SecondPicker",
+      "category": "forms",
+      "purpose": "Reusable second picker component."
+    },
+    {
+      "name": "SecondaryButton",
+      "category": "actions",
+      "purpose": "Reusable secondary button component."
+    },
+    {
+      "name": "SecretDisplay",
+      "category": "content",
+      "purpose": "Reusable secret display component."
+    },
+    {
+      "name": "SecretInput",
+      "category": "forms",
+      "purpose": "Reusable secret input component."
+    },
+    {
+      "name": "SecretRevealDialog",
+      "category": "overlays",
+      "purpose": "Reusable secret reveal dialog component."
+    },
+    {
+      "name": "Section",
+      "category": "layout",
+      "purpose": "Reusable section component."
+    },
+    {
+      "name": "SectionActions",
+      "category": "actions",
+      "purpose": "Reusable section actions component."
+    },
+    {
+      "name": "SectionHeader",
+      "category": "layout",
+      "purpose": "Reusable section header component."
+    },
+    {
+      "name": "SecurityAlert",
+      "category": "feedback",
+      "purpose": "Reusable security alert component."
+    },
+    {
+      "name": "SecurityContactCard",
+      "category": "content",
+      "purpose": "Reusable security contact card component."
+    },
+    {
+      "name": "SecurityFeatureCard",
+      "category": "content",
+      "purpose": "Reusable security feature card component."
+    },
+    {
+      "name": "SecurityHero",
+      "category": "layout",
+      "purpose": "Reusable security hero component."
+    },
+    {
+      "name": "SecurityPillarGrid",
+      "category": "data",
+      "purpose": "Reusable security pillar grid component."
+    },
+    {
+      "name": "SecurityPracticeList",
+      "category": "data",
+      "purpose": "Reusable security practice list component."
+    },
+    {
+      "name": "SecurityReportForm",
+      "category": "content",
+      "purpose": "Reusable security report form component."
+    },
+    {
+      "name": "SenderIdInput",
+      "category": "forms",
+      "purpose": "Reusable sender id input component."
+    },
+    {
+      "name": "ServerErrorPage",
+      "category": "content",
+      "purpose": "Reusable server error page component."
+    },
+    {
+      "name": "ServiceLevelTable",
+      "category": "data",
+      "purpose": "Reusable service level table component."
+    },
+    {
+      "name": "ServiceStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable service status badge component."
+    },
+    {
+      "name": "ServiceStatusList",
+      "category": "data",
+      "purpose": "Reusable service status list component."
+    },
+    {
+      "name": "ServiceStatusRow",
+      "category": "data",
+      "purpose": "Reusable service status row component."
+    },
+    {
+      "name": "SessionCard",
+      "category": "content",
+      "purpose": "Reusable session card component."
+    },
+    {
+      "name": "SessionExpiredDialog",
+      "category": "overlays",
+      "purpose": "Reusable session expired dialog component."
+    },
+    {
+      "name": "SetupChecklist",
+      "category": "content",
+      "purpose": "Reusable setup checklist component."
+    },
+    {
+      "name": "SeveritySelector",
+      "category": "forms",
+      "purpose": "Reusable severity selector component."
+    },
+    {
+      "name": "ShadowPicker",
+      "category": "forms",
+      "purpose": "Reusable shadow picker component."
+    },
+    {
+      "name": "ShareAction",
+      "category": "actions",
+      "purpose": "Reusable share action component."
+    },
+    {
+      "name": "ShareButton",
+      "category": "actions",
+      "purpose": "Reusable share button component."
+    },
+    {
+      "name": "SidePanel",
+      "category": "layout",
+      "purpose": "Reusable side panel component."
+    },
+    {
+      "name": "SidebarLayout",
+      "category": "layout",
+      "purpose": "Reusable sidebar layout component."
+    },
+    {
+      "name": "SignInForm",
+      "category": "content",
+      "purpose": "Reusable sign in form component."
+    },
+    {
+      "name": "SignInLink",
+      "category": "actions",
+      "purpose": "Reusable sign in link component."
+    },
+    {
+      "name": "SignUpForm",
+      "category": "content",
+      "purpose": "Reusable sign up form component."
+    },
+    {
+      "name": "SiteSearch",
+      "category": "content",
+      "purpose": "Reusable site search component."
+    },
+    {
+      "name": "Skeleton",
+      "category": "feedback",
+      "purpose": "Reusable skeleton component."
+    },
+    {
+      "name": "SkipLink",
+      "category": "actions",
+      "purpose": "Reusable skip link component."
+    },
+    {
+      "name": "SlaTable",
+      "category": "data",
+      "purpose": "Reusable sla table component."
+    },
+    {
+      "name": "Slider",
+      "category": "content",
+      "purpose": "Reusable slider component."
+    },
+    {
+      "name": "SlugInput",
+      "category": "forms",
+      "purpose": "Reusable slug input component."
+    },
+    {
+      "name": "SmallText",
+      "category": "content",
+      "purpose": "Reusable small text component."
+    },
+    {
+      "name": "SmartRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable smart route diagram component."
+    },
+    {
+      "name": "SmsComposer",
+      "category": "content",
+      "purpose": "Reusable sms composer component."
+    },
+    {
+      "name": "SmsMessageEditor",
+      "category": "forms",
+      "purpose": "Reusable sms message editor component."
+    },
+    {
+      "name": "SmsSegmentCounter",
+      "category": "feedback",
+      "purpose": "Reusable sms segment counter component."
+    },
+    {
+      "name": "SolutionHero",
+      "category": "layout",
+      "purpose": "Reusable solution hero component."
+    },
+    {
+      "name": "SolutionPageShell",
+      "category": "layout",
+      "purpose": "Reusable solution page shell component."
+    },
+    {
+      "name": "SolutionSection",
+      "category": "layout",
+      "purpose": "Reusable solution section component."
+    },
+    {
+      "name": "SolutionsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable solutions mega menu component."
+    },
+    {
+      "name": "SortableTable",
+      "category": "data",
+      "purpose": "Reusable sortable table component."
+    },
+    {
+      "name": "SplitButton",
+      "category": "actions",
+      "purpose": "Reusable split button component."
+    },
+    {
+      "name": "SplitCTA",
+      "category": "actions",
+      "purpose": "Reusable split c t a component."
+    },
+    {
+      "name": "SplitHero",
+      "category": "layout",
+      "purpose": "Reusable split hero component."
+    },
+    {
+      "name": "SplitLayout",
+      "category": "layout",
+      "purpose": "Reusable split layout component."
+    },
+    {
+      "name": "SplitSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable split section header component."
+    },
+    {
+      "name": "StartFreeButton",
+      "category": "actions",
+      "purpose": "Reusable start free button component."
+    },
+    {
+      "name": "StatCard",
+      "category": "content",
+      "purpose": "Reusable stat card component."
+    },
+    {
+      "name": "StateSelector",
+      "category": "forms",
+      "purpose": "Reusable state selector component."
+    },
+    {
+      "name": "StatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable status badge component."
+    },
+    {
+      "name": "StatusPageShell",
+      "category": "layout",
+      "purpose": "Reusable status page shell component."
+    },
+    {
+      "name": "StatusSelector",
+      "category": "forms",
+      "purpose": "Reusable status selector component."
+    },
+    {
+      "name": "StatusSubscribeForm",
+      "category": "content",
+      "purpose": "Reusable status subscribe form component."
+    },
+    {
+      "name": "StatusTable",
+      "category": "data",
+      "purpose": "Reusable status table component."
+    },
+    {
+      "name": "StepNavigation",
+      "category": "layout",
+      "purpose": "Reusable step navigation component."
+    },
+    {
+      "name": "StepUpAuthenticationDialog",
+      "category": "overlays",
+      "purpose": "Reusable step up authentication dialog component."
+    },
+    {
+      "name": "Stepper",
+      "category": "content",
+      "purpose": "Reusable stepper component."
+    },
+    {
+      "name": "StepperInput",
+      "category": "forms",
+      "purpose": "Reusable stepper input component."
+    },
+    {
+      "name": "StickerPicker",
+      "category": "forms",
+      "purpose": "Reusable sticker picker component."
+    },
+    {
+      "name": "StickyLayout",
+      "category": "layout",
+      "purpose": "Reusable sticky layout component."
+    },
+    {
+      "name": "StreetAddressInput",
+      "category": "forms",
+      "purpose": "Reusable street address input component."
+    },
+    {
+      "name": "SubdomainInput",
+      "category": "forms",
+      "purpose": "Reusable subdomain input component."
+    },
+    {
+      "name": "SubjectInput",
+      "category": "forms",
+      "purpose": "Reusable subject input component."
+    },
+    {
+      "name": "SubprocessorTable",
+      "category": "data",
+      "purpose": "Reusable subprocessor table component."
+    },
+    {
+      "name": "SuccessCard",
+      "category": "content",
+      "purpose": "Reusable success card component."
+    },
+    {
+      "name": "SuccessState",
+      "category": "feedback",
+      "purpose": "Reusable success state component."
+    },
+    {
+      "name": "SupportRequestForm",
+      "category": "content",
+      "purpose": "Reusable support request form component."
+    },
+    {
+      "name": "Table",
+      "category": "data",
+      "purpose": "Reusable table component."
+    },
+    {
+      "name": "TableHeader",
+      "category": "layout",
+      "purpose": "Reusable table header component."
+    },
+    {
+      "name": "TableRow",
+      "category": "data",
+      "purpose": "Reusable table row component."
+    },
+    {
+      "name": "TableSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable table skeleton component."
+    },
+    {
+      "name": "Tabs",
+      "category": "content",
+      "purpose": "Reusable tabs component."
+    },
+    {
+      "name": "TagInput",
+      "category": "forms",
+      "purpose": "Reusable tag input component."
+    },
+    {
+      "name": "TaxNotice",
+      "category": "feedback",
+      "purpose": "Reusable tax notice component."
+    },
+    {
+      "name": "TaxRateInput",
+      "category": "forms",
+      "purpose": "Reusable tax rate input component."
+    },
+    {
+      "name": "TeamMemberCard",
+      "category": "content",
+      "purpose": "Reusable team member card component."
+    },
+    {
+      "name": "TeamSizeSelector",
+      "category": "forms",
+      "purpose": "Reusable team size selector component."
+    },
+    {
+      "name": "TemplateCard",
+      "category": "content",
+      "purpose": "Reusable template card component."
+    },
+    {
+      "name": "TemplateSelector",
+      "category": "forms",
+      "purpose": "Reusable template selector component."
+    },
+    {
+      "name": "TemplateVariableInput",
+      "category": "forms",
+      "purpose": "Reusable template variable input component."
+    },
+    {
+      "name": "TenantIsolationDiagram",
+      "category": "visualization",
+      "purpose": "Reusable tenant isolation diagram component."
+    },
+    {
+      "name": "TerminalBlock",
+      "category": "content",
+      "purpose": "Reusable terminal block component."
+    },
+    {
+      "name": "TertiaryButton",
+      "category": "actions",
+      "purpose": "Reusable tertiary button component."
+    },
+    {
+      "name": "TestMessageDialog",
+      "category": "overlays",
+      "purpose": "Reusable test message dialog component."
+    },
+    {
+      "name": "TestimonialCard",
+      "category": "content",
+      "purpose": "Reusable testimonial card component."
+    },
+    {
+      "name": "TestimonialCarousel",
+      "category": "content",
+      "purpose": "Reusable testimonial carousel component."
+    },
+    {
+      "name": "TextInput",
+      "category": "forms",
+      "purpose": "Reusable text input component."
+    },
+    {
+      "name": "TextLink",
+      "category": "actions",
+      "purpose": "Reusable text link component."
+    },
+    {
+      "name": "TextSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable text skeleton component."
+    },
+    {
+      "name": "ThemeColorPicker",
+      "category": "forms",
+      "purpose": "Reusable theme color picker component."
+    },
+    {
+      "name": "ThemeSwitcher",
+      "category": "content",
+      "purpose": "Reusable theme switcher component."
+    },
+    {
+      "name": "TimeInput",
+      "category": "forms",
+      "purpose": "Reusable time input component."
+    },
+    {
+      "name": "TimePicker",
+      "category": "forms",
+      "purpose": "Reusable time picker component."
+    },
+    {
+      "name": "TimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable time range picker component."
+    },
+    {
+      "name": "Timeline",
+      "category": "visualization",
+      "purpose": "Reusable timeline component."
+    },
+    {
+      "name": "TimelineChart",
+      "category": "visualization",
+      "purpose": "Reusable timeline chart component."
+    },
+    {
+      "name": "TimelineItem",
+      "category": "content",
+      "purpose": "Reusable timeline item component."
+    },
+    {
+      "name": "TimeoutInput",
+      "category": "forms",
+      "purpose": "Reusable timeout input component."
+    },
+    {
+      "name": "TimezoneAwareTimePicker",
+      "category": "forms",
+      "purpose": "Reusable timezone aware time picker component."
+    },
+    {
+      "name": "TimezoneSelector",
+      "category": "forms",
+      "purpose": "Reusable timezone selector component."
+    },
+    {
+      "name": "ToastAction",
+      "category": "actions",
+      "purpose": "Reusable toast action component."
+    },
+    {
+      "name": "ToastIcon",
+      "category": "content",
+      "purpose": "Reusable toast icon component."
+    },
+    {
+      "name": "ToastProgress",
+      "category": "visualization",
+      "purpose": "Reusable toast progress component."
+    },
+    {
+      "name": "Toggle",
+      "category": "forms",
+      "purpose": "Reusable toggle component."
+    },
+    {
+      "name": "ToggleGroup",
+      "category": "forms",
+      "purpose": "Reusable toggle group component."
+    },
+    {
+      "name": "TokenInput",
+      "category": "forms",
+      "purpose": "Reusable token input component."
+    },
+    {
+      "name": "Tooltip",
+      "category": "content",
+      "purpose": "Reusable tooltip component."
+    },
+    {
+      "name": "TotpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable totp verification form component."
+    },
+    {
+      "name": "TranslatedText",
+      "category": "content",
+      "purpose": "Reusable translated text component."
+    },
+    {
+      "name": "TreeTable",
+      "category": "data",
+      "purpose": "Reusable tree table component."
+    },
+    {
+      "name": "TrendIndicator",
+      "category": "feedback",
+      "purpose": "Reusable trend indicator component."
+    },
+    {
+      "name": "TruncatedText",
+      "category": "content",
+      "purpose": "Reusable truncated text component."
+    },
+    {
+      "name": "TrustBadgeList",
+      "category": "data",
+      "purpose": "Reusable trust badge list component."
+    },
+    {
+      "name": "UnavailableRegionState",
+      "category": "feedback",
+      "purpose": "Reusable unavailable region state component."
+    },
+    {
+      "name": "UnifiedTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable unified timeline preview component."
+    },
+    {
+      "name": "UnsavedChangesDialog",
+      "category": "overlays",
+      "purpose": "Reusable unsaved changes dialog component."
+    },
+    {
+      "name": "UploadItem",
+      "category": "content",
+      "purpose": "Reusable upload item component."
+    },
+    {
+      "name": "UploadPreview",
+      "category": "content",
+      "purpose": "Reusable upload preview component."
+    },
+    {
+      "name": "UploadProgress",
+      "category": "visualization",
+      "purpose": "Reusable upload progress component."
+    },
+    {
+      "name": "UptimeChart",
+      "category": "visualization",
+      "purpose": "Reusable uptime chart component."
+    },
+    {
+      "name": "UptimeMetric",
+      "category": "visualization",
+      "purpose": "Reusable uptime metric component."
+    },
+    {
+      "name": "UrlInput",
+      "category": "forms",
+      "purpose": "Reusable url input component."
+    },
+    {
+      "name": "UsagePricingTable",
+      "category": "data",
+      "purpose": "Reusable usage pricing table component."
+    },
+    {
+      "name": "UseCaseSelector",
+      "category": "forms",
+      "purpose": "Reusable use case selector component."
+    },
+    {
+      "name": "UserCard",
+      "category": "content",
+      "purpose": "Reusable user card component."
+    },
+    {
+      "name": "UsernameInput",
+      "category": "forms",
+      "purpose": "Reusable username input component."
+    },
+    {
+      "name": "ValueCard",
+      "category": "content",
+      "purpose": "Reusable value card component."
+    },
+    {
+      "name": "ValuesGrid",
+      "category": "data",
+      "purpose": "Reusable values grid component."
+    },
+    {
+      "name": "VerificationCodeInput",
+      "category": "forms",
+      "purpose": "Reusable verification code input component."
+    },
+    {
+      "name": "VerifiedBadge",
+      "category": "feedback",
+      "purpose": "Reusable verified badge component."
+    },
+    {
+      "name": "VersionSelector",
+      "category": "forms",
+      "purpose": "Reusable version selector component."
+    },
+    {
+      "name": "VerticalTabs",
+      "category": "content",
+      "purpose": "Reusable vertical tabs component."
+    },
+    {
+      "name": "VideoCard",
+      "category": "content",
+      "purpose": "Reusable video card component."
+    },
+    {
+      "name": "VideoPreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable video preview dialog component."
+    },
+    {
+      "name": "VideoUpload",
+      "category": "content",
+      "purpose": "Reusable video upload component."
+    },
+    {
+      "name": "VirtualizedTable",
+      "category": "data",
+      "purpose": "Reusable virtualized table component."
+    },
+    {
+      "name": "VisionSection",
+      "category": "layout",
+      "purpose": "Reusable vision section component."
+    },
+    {
+      "name": "VoiceScriptComposer",
+      "category": "content",
+      "purpose": "Reusable voice script composer component."
+    },
+    {
+      "name": "VoiceScriptEditor",
+      "category": "forms",
+      "purpose": "Reusable voice script editor component."
+    },
+    {
+      "name": "VolumeInput",
+      "category": "forms",
+      "purpose": "Reusable volume input component."
+    },
+    {
+      "name": "VolumeSlider",
+      "category": "content",
+      "purpose": "Reusable volume slider component."
+    },
+    {
+      "name": "WarningCard",
+      "category": "content",
+      "purpose": "Reusable warning card component."
+    },
+    {
+      "name": "WebhookEventCard",
+      "category": "content",
+      "purpose": "Reusable webhook event card component."
+    },
+    {
+      "name": "WebhookFlowDiagram",
+      "category": "visualization",
+      "purpose": "Reusable webhook flow diagram component."
+    },
+    {
+      "name": "WebhookPayloadViewer",
+      "category": "content",
+      "purpose": "Reusable webhook payload viewer component."
+    },
+    {
+      "name": "WebhookUrlInput",
+      "category": "forms",
+      "purpose": "Reusable webhook url input component."
+    },
+    {
+      "name": "WebinarCard",
+      "category": "content",
+      "purpose": "Reusable webinar card component."
+    },
+    {
+      "name": "WebinarRegistrationForm",
+      "category": "content",
+      "purpose": "Reusable webinar registration form component."
+    },
+    {
+      "name": "WhatsAppComposer",
+      "category": "content",
+      "purpose": "Reusable whats app composer component."
+    },
+    {
+      "name": "WhatsAppNumberInput",
+      "category": "forms",
+      "purpose": "Reusable whats app number input component."
+    },
+    {
+      "name": "WhatsAppTemplateEditor",
+      "category": "forms",
+      "purpose": "Reusable whats app template editor component."
+    },
+    {
+      "name": "Wizard",
+      "category": "content",
+      "purpose": "Reusable wizard component."
+    },
+    {
+      "name": "WizardHeader",
+      "category": "layout",
+      "purpose": "Reusable wizard header component."
+    },
+    {
+      "name": "WizardNavigation",
+      "category": "layout",
+      "purpose": "Reusable wizard navigation component."
+    },
+    {
+      "name": "WorkflowCanvasPreview",
+      "category": "content",
+      "purpose": "Reusable workflow canvas preview component."
+    },
+    {
+      "name": "WorkflowProgress",
+      "category": "visualization",
+      "purpose": "Reusable workflow progress component."
+    },
+    {
+      "name": "WorkspaceCard",
+      "category": "content",
+      "purpose": "Reusable workspace card component."
+    },
+    {
+      "name": "WorkspaceSelector",
+      "category": "forms",
+      "purpose": "Reusable workspace selector component."
+    },
+    {
+      "name": "WorkspaceSwitcher",
+      "category": "content",
+      "purpose": "Reusable workspace switcher component."
+    },
+    {
+      "name": "YearPicker",
+      "category": "forms",
+      "purpose": "Reusable year picker component."
+    },
+    {
+      "name": "ZoomSlider",
+      "category": "content",
+      "purpose": "Reusable zoom slider component."
+    }
+  ]
+}
diff --git a/packages/ui/component-reference.json b/packages/ui/component-reference.json
new file mode 100644
index 00000000..1a446b1e
--- /dev/null
+++ b/packages/ui/component-reference.json
@@ -0,0 +1,46953 @@
+{
+  "generatedFrom": "packages/ui/components/*.wrn",
+  "count": 891,
+  "components": [
+    {
+      "name": "AcceptAllCookiesButton",
+      "mount": "AcceptAllCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable accept all cookies button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AcceptAllCookiesButton.wrn"
+    },
+    {
+      "name": "AccessibleAccordion",
+      "mount": "AccessibleAccordion",
+      "category": "content",
+      "purpose": "Reusable accessible accordion component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleAccordion.wrn"
+    },
+    {
+      "name": "AccessibleCarousel",
+      "mount": "AccessibleCarousel",
+      "category": "content",
+      "purpose": "Reusable accessible carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleCarousel.wrn"
+    },
+    {
+      "name": "AccessibleChartSummary",
+      "mount": "AccessibleChartSummary",
+      "category": "content",
+      "purpose": "Reusable accessible chart summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleChartSummary.wrn"
+    },
+    {
+      "name": "AccessibleDialog",
+      "mount": "AccessibleDialog",
+      "category": "overlays",
+      "purpose": "Reusable accessible dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleDialog.wrn"
+    },
+    {
+      "name": "AccessibleErrorSummary",
+      "mount": "AccessibleErrorSummary",
+      "category": "content",
+      "purpose": "Reusable accessible error summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleErrorSummary.wrn"
+    },
+    {
+      "name": "AccessibleIcon",
+      "mount": "AccessibleIcon",
+      "category": "content",
+      "purpose": "Reusable accessible icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleIcon.wrn"
+    },
+    {
+      "name": "AccessibleMenu",
+      "mount": "AccessibleMenu",
+      "category": "overlays",
+      "purpose": "Reusable accessible menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleMenu.wrn"
+    },
+    {
+      "name": "AccessibleTabs",
+      "mount": "AccessibleTabs",
+      "category": "content",
+      "purpose": "Reusable accessible tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleTabs.wrn"
+    },
+    {
+      "name": "AccessibleTooltip",
+      "mount": "AccessibleTooltip",
+      "category": "content",
+      "purpose": "Reusable accessible tooltip component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccessibleTooltip.wrn"
+    },
+    {
+      "name": "Accordion",
+      "mount": "Accordion",
+      "category": "content",
+      "purpose": "Reusable accordion component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Question\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Accordion.wrn"
+    },
+    {
+      "name": "AccountMenu",
+      "mount": "AccountMenu",
+      "category": "overlays",
+      "purpose": "Reusable account menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccountMenu.wrn"
+    },
+    {
+      "name": "AccountStatusBanner",
+      "mount": "AccountStatusBanner",
+      "category": "feedback",
+      "purpose": "Reusable account status banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"AccountStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AccountStatusBanner.wrn"
+    },
+    {
+      "name": "ActionMenu",
+      "mount": "ActionMenu",
+      "category": "overlays",
+      "purpose": "Reusable action menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActionMenu.wrn"
+    },
+    {
+      "name": "ActiveFilterList",
+      "mount": "ActiveFilterList",
+      "category": "data",
+      "purpose": "Reusable active filter list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActiveFilterList.wrn"
+    },
+    {
+      "name": "ActivityList",
+      "mount": "ActivityList",
+      "category": "data",
+      "purpose": "Reusable activity list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ActivityList.wrn"
+    },
+    {
+      "name": "AddOnCard",
+      "mount": "AddOnCard",
+      "category": "content",
+      "purpose": "Reusable add on card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddOnCard.wrn"
+    },
+    {
+      "name": "AddressInput",
+      "mount": "AddressInput",
+      "category": "forms",
+      "purpose": "Reusable address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Address\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddressInput.wrn"
+    },
+    {
+      "name": "AddressPreview",
+      "mount": "AddressPreview",
+      "category": "content",
+      "purpose": "Reusable address preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AddressPreview.wrn"
+    },
+    {
+      "name": "AdvancedFilterBuilder",
+      "mount": "AdvancedFilterBuilder",
+      "category": "content",
+      "purpose": "Reusable advanced filter builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AdvancedFilterBuilder.wrn"
+    },
+    {
+      "name": "Alert",
+      "mount": "Alert",
+      "category": "feedback",
+      "purpose": "Reusable alert component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Notice\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"info\""
+        },
+        {
+          "name": "dismissible",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Alert.wrn"
+    },
+    {
+      "name": "AlertDialog",
+      "mount": "AlertDialog",
+      "category": "overlays",
+      "purpose": "Reusable alert dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AlertDialog.wrn"
+    },
+    {
+      "name": "AmountInput",
+      "mount": "AmountInput",
+      "category": "forms",
+      "purpose": "Reusable amount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Amount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AmountInput.wrn"
+    },
+    {
+      "name": "AnalyticsDashboardPreview",
+      "mount": "AnalyticsDashboardPreview",
+      "category": "content",
+      "purpose": "Reusable analytics dashboard preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AnalyticsDashboardPreview.wrn"
+    },
+    {
+      "name": "AnchorNavigation",
+      "mount": "AnchorNavigation",
+      "category": "layout",
+      "purpose": "Reusable anchor navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AnchorNavigation.wrn"
+    },
+    {
+      "name": "AnnouncementBar",
+      "mount": "AnnouncementBar",
+      "category": "core",
+      "purpose": "Reusable announcement bar component.",
+      "props": [
+        {
+          "name": "badge",
+          "type": "string",
+          "required": false,
+          "default": "\"New\""
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "required": false,
+          "default": "\"WrNexus Organizations is now available.\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"/organizations\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Explore organizations\""
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Announcement\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/AnnouncementBar.wrn"
+    },
+    {
+      "name": "ApartmentInput",
+      "mount": "ApartmentInput",
+      "category": "forms",
+      "purpose": "Reusable apartment input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Apartment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApartmentInput.wrn"
+    },
+    {
+      "name": "ApiAuthenticationNotice",
+      "mount": "ApiAuthenticationNotice",
+      "category": "feedback",
+      "purpose": "Reusable api authentication notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiAuthentication\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiAuthenticationNotice.wrn"
+    },
+    {
+      "name": "ApiEndpointCard",
+      "mount": "ApiEndpointCard",
+      "category": "content",
+      "purpose": "Reusable api endpoint card component.",
+      "props": [
+        {
+          "name": "method",
+          "type": "string",
+          "required": false,
+          "default": "\"GET\""
+        },
+        {
+          "name": "path",
+          "type": "string",
+          "required": false,
+          "default": "\"/api/example\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiEndpointCard.wrn"
+    },
+    {
+      "name": "ApiErrorExample",
+      "mount": "ApiErrorExample",
+      "category": "content",
+      "purpose": "Reusable api error example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiErrorExample.wrn"
+    },
+    {
+      "name": "ApiHeaderTable",
+      "mount": "ApiHeaderTable",
+      "category": "data",
+      "purpose": "Reusable api header table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiHeaderTable.wrn"
+    },
+    {
+      "name": "ApiKeyCreateDialog",
+      "mount": "ApiKeyCreateDialog",
+      "category": "overlays",
+      "purpose": "Reusable api key create dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyCreateDialog.wrn"
+    },
+    {
+      "name": "ApiKeyDisplay",
+      "mount": "ApiKeyDisplay",
+      "category": "content",
+      "purpose": "Reusable api key display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyDisplay.wrn"
+    },
+    {
+      "name": "ApiKeyInput",
+      "mount": "ApiKeyInput",
+      "category": "forms",
+      "purpose": "Reusable api key input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiKey\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiKeyInput.wrn"
+    },
+    {
+      "name": "ApiMethodBadge",
+      "mount": "ApiMethodBadge",
+      "category": "feedback",
+      "purpose": "Reusable api method badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiMethod\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiMethodBadge.wrn"
+    },
+    {
+      "name": "ApiParameterTable",
+      "mount": "ApiParameterTable",
+      "category": "data",
+      "purpose": "Reusable api parameter table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiParameterTable.wrn"
+    },
+    {
+      "name": "ApiRateLimitNotice",
+      "mount": "ApiRateLimitNotice",
+      "category": "feedback",
+      "purpose": "Reusable api rate limit notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiRateLimit\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiRateLimitNotice.wrn"
+    },
+    {
+      "name": "ApiRequestExample",
+      "mount": "ApiRequestExample",
+      "category": "content",
+      "purpose": "Reusable api request example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiRequestExample.wrn"
+    },
+    {
+      "name": "ApiResponseExample",
+      "mount": "ApiResponseExample",
+      "category": "content",
+      "purpose": "Reusable api response example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiResponseExample.wrn"
+    },
+    {
+      "name": "ApiSchemaTable",
+      "mount": "ApiSchemaTable",
+      "category": "data",
+      "purpose": "Reusable api schema table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiSchemaTable.wrn"
+    },
+    {
+      "name": "ApiSchemaViewer",
+      "mount": "ApiSchemaViewer",
+      "category": "content",
+      "purpose": "Reusable api schema viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiSchemaViewer.wrn"
+    },
+    {
+      "name": "ApiVersionBadge",
+      "mount": "ApiVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable api version badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ApiVersion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ApiVersionBadge.wrn"
+    },
+    {
+      "name": "AppHeader",
+      "mount": "AppHeader",
+      "category": "layout",
+      "purpose": "Reusable app header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AppHeader.wrn"
+    },
+    {
+      "name": "ArchitectureSection",
+      "mount": "ArchitectureSection",
+      "category": "layout",
+      "purpose": "Reusable architecture section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArchitectureSection.wrn"
+    },
+    {
+      "name": "AreaChart",
+      "mount": "AreaChart",
+      "category": "visualization",
+      "purpose": "Reusable area chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AreaChart.wrn"
+    },
+    {
+      "name": "ArticleHero",
+      "mount": "ArticleHero",
+      "category": "layout",
+      "purpose": "Reusable article hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleHero.wrn"
+    },
+    {
+      "name": "ArticleLayout",
+      "mount": "ArticleLayout",
+      "category": "layout",
+      "purpose": "Reusable article layout component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleLayout.wrn"
+    },
+    {
+      "name": "ArticleNewsletterCTA",
+      "mount": "ArticleNewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable article newsletter c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleNewsletterCTA.wrn"
+    },
+    {
+      "name": "ArticlePageShell",
+      "mount": "ArticlePageShell",
+      "category": "layout",
+      "purpose": "Reusable article page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticlePageShell.wrn"
+    },
+    {
+      "name": "ArticleShareActions",
+      "mount": "ArticleShareActions",
+      "category": "actions",
+      "purpose": "Reusable article share actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ArticleShareActions.wrn"
+    },
+    {
+      "name": "AspectRatio",
+      "mount": "AspectRatio",
+      "category": "core",
+      "purpose": "Reusable aspect ratio component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AspectRatio.wrn"
+    },
+    {
+      "name": "AssetCard",
+      "mount": "AssetCard",
+      "category": "content",
+      "purpose": "Reusable asset card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AssetCard.wrn"
+    },
+    {
+      "name": "AttachmentPicker",
+      "mount": "AttachmentPicker",
+      "category": "forms",
+      "purpose": "Reusable attachment picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Attachment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AttachmentPicker.wrn"
+    },
+    {
+      "name": "AttachmentUpload",
+      "mount": "AttachmentUpload",
+      "category": "content",
+      "purpose": "Reusable attachment upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AttachmentUpload.wrn"
+    },
+    {
+      "name": "AudioUpload",
+      "mount": "AudioUpload",
+      "category": "content",
+      "purpose": "Reusable audio upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AudioUpload.wrn"
+    },
+    {
+      "name": "AuditLogPreview",
+      "mount": "AuditLogPreview",
+      "category": "content",
+      "purpose": "Reusable audit log preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuditLogPreview.wrn"
+    },
+    {
+      "name": "AuditTable",
+      "mount": "AuditTable",
+      "category": "data",
+      "purpose": "Reusable audit table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuditTable.wrn"
+    },
+    {
+      "name": "AuthenticatorCodeInput",
+      "mount": "AuthenticatorCodeInput",
+      "category": "forms",
+      "purpose": "Reusable authenticator code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"AuthenticatorCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthenticatorCodeInput.wrn"
+    },
+    {
+      "name": "AuthorAvatar",
+      "mount": "AuthorAvatar",
+      "category": "content",
+      "purpose": "Reusable author avatar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorAvatar.wrn"
+    },
+    {
+      "name": "AuthorCard",
+      "mount": "AuthorCard",
+      "category": "content",
+      "purpose": "Reusable author card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorCard.wrn"
+    },
+    {
+      "name": "AuthorizedApplicationCard",
+      "mount": "AuthorizedApplicationCard",
+      "category": "content",
+      "purpose": "Reusable authorized application card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AuthorizedApplicationCard.wrn"
+    },
+    {
+      "name": "AutoGrid",
+      "mount": "AutoGrid",
+      "category": "data",
+      "purpose": "Reusable auto grid component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AutoGrid.wrn"
+    },
+    {
+      "name": "AutomationExampleCard",
+      "mount": "AutomationExampleCard",
+      "category": "content",
+      "purpose": "Reusable automation example card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AutomationExampleCard.wrn"
+    },
+    {
+      "name": "AvailabilityCalendar",
+      "mount": "AvailabilityCalendar",
+      "category": "content",
+      "purpose": "Reusable availability calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvailabilityCalendar.wrn"
+    },
+    {
+      "name": "Avatar",
+      "mount": "Avatar",
+      "category": "content",
+      "purpose": "Reusable avatar component.",
+      "props": [
+        {
+          "name": "src",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "initials",
+          "type": "string",
+          "required": false,
+          "default": "\"WR\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Avatar.wrn"
+    },
+    {
+      "name": "AvatarGroup",
+      "mount": "AvatarGroup",
+      "category": "forms",
+      "purpose": "Reusable avatar group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Avatar\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvatarGroup.wrn"
+    },
+    {
+      "name": "AvatarUpload",
+      "mount": "AvatarUpload",
+      "category": "content",
+      "purpose": "Reusable avatar upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/AvatarUpload.wrn"
+    },
+    {
+      "name": "BackButton",
+      "mount": "BackButton",
+      "category": "actions",
+      "purpose": "Reusable back button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BackButton.wrn"
+    },
+    {
+      "name": "BackToTop",
+      "mount": "BackToTop",
+      "category": "core",
+      "purpose": "Reusable back to top component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Back to top\""
+        },
+        {
+          "name": "assistiveLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Return to the top of the page\""
+        },
+        {
+          "name": "threshold",
+          "type": "number",
+          "required": false,
+          "default": "500"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/BackToTop.wrn"
+    },
+    {
+      "name": "Badge",
+      "mount": "Badge",
+      "category": "feedback",
+      "purpose": "Reusable badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Badge\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"neutral\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Badge.wrn"
+    },
+    {
+      "name": "BankTransferDetails",
+      "mount": "BankTransferDetails",
+      "category": "content",
+      "purpose": "Reusable bank transfer details component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BankTransferDetails.wrn"
+    },
+    {
+      "name": "Banner",
+      "mount": "Banner",
+      "category": "feedback",
+      "purpose": "Reusable banner component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"Announcement\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"brand\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Banner.wrn"
+    },
+    {
+      "name": "BarChart",
+      "mount": "BarChart",
+      "category": "visualization",
+      "purpose": "Reusable bar chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BarChart.wrn"
+    },
+    {
+      "name": "BetaBadge",
+      "mount": "BetaBadge",
+      "category": "feedback",
+      "purpose": "Reusable beta badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Beta\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BetaBadge.wrn"
+    },
+    {
+      "name": "BillingAddressForm",
+      "mount": "BillingAddressForm",
+      "category": "content",
+      "purpose": "Reusable billing address form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingAddressForm.wrn"
+    },
+    {
+      "name": "BillingExample",
+      "mount": "BillingExample",
+      "category": "content",
+      "purpose": "Reusable billing example component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingExample.wrn"
+    },
+    {
+      "name": "BillingPeriodToggle",
+      "mount": "BillingPeriodToggle",
+      "category": "forms",
+      "purpose": "Reusable billing period toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BillingPeriod\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BillingPeriodToggle.wrn"
+    },
+    {
+      "name": "BlackoutDatePicker",
+      "mount": "BlackoutDatePicker",
+      "category": "forms",
+      "purpose": "Reusable blackout date picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BlackoutDate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlackoutDatePicker.wrn"
+    },
+    {
+      "name": "BlogCard",
+      "mount": "BlogCard",
+      "category": "content",
+      "purpose": "Reusable blog card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogCard.wrn"
+    },
+    {
+      "name": "BlogGrid",
+      "mount": "BlogGrid",
+      "category": "data",
+      "purpose": "Reusable blog grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogGrid.wrn"
+    },
+    {
+      "name": "BlogList",
+      "mount": "BlogList",
+      "category": "data",
+      "purpose": "Reusable blog list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogList.wrn"
+    },
+    {
+      "name": "BlogSearch",
+      "mount": "BlogSearch",
+      "category": "content",
+      "purpose": "Reusable blog search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BlogSearch.wrn"
+    },
+    {
+      "name": "BodyText",
+      "mount": "BodyText",
+      "category": "content",
+      "purpose": "Reusable body text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BodyText.wrn"
+    },
+    {
+      "name": "BorderRadiusPicker",
+      "mount": "BorderRadiusPicker",
+      "category": "forms",
+      "purpose": "Reusable border radius picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BorderRadius\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BorderRadiusPicker.wrn"
+    },
+    {
+      "name": "BottomNavigation",
+      "mount": "BottomNavigation",
+      "category": "layout",
+      "purpose": "Reusable bottom navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BottomNavigation.wrn"
+    },
+    {
+      "name": "BrandColorPicker",
+      "mount": "BrandColorPicker",
+      "category": "forms",
+      "purpose": "Reusable brand color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BrandColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrandColorPicker.wrn"
+    },
+    {
+      "name": "BrandSelector",
+      "mount": "BrandSelector",
+      "category": "forms",
+      "purpose": "Reusable brand selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Brand\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrandSelector.wrn"
+    },
+    {
+      "name": "Breadcrumbs",
+      "mount": "Breadcrumbs",
+      "category": "core",
+      "purpose": "Reusable breadcrumbs component.",
+      "props": [
+        {
+          "name": "homeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Home\""
+        },
+        {
+          "name": "homeHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        },
+        {
+          "name": "current",
+          "type": "string",
+          "required": false,
+          "default": "\"Current page\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Breadcrumbs.wrn"
+    },
+    {
+      "name": "BrowserFrame",
+      "mount": "BrowserFrame",
+      "category": "layout",
+      "purpose": "Reusable browser frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BrowserFrame.wrn"
+    },
+    {
+      "name": "BudgetRangeSlider",
+      "mount": "BudgetRangeSlider",
+      "category": "content",
+      "purpose": "Reusable budget range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BudgetRangeSlider.wrn"
+    },
+    {
+      "name": "BudgetSelector",
+      "mount": "BudgetSelector",
+      "category": "forms",
+      "purpose": "Reusable budget selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Budget\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BudgetSelector.wrn"
+    },
+    {
+      "name": "BusinessHoursPicker",
+      "mount": "BusinessHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable business hours picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"BusinessHours\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/BusinessHoursPicker.wrn"
+    },
+    {
+      "name": "Button",
+      "mount": "Button",
+      "category": "actions",
+      "purpose": "Reusable button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Button.wrn"
+    },
+    {
+      "name": "ButtonGroup",
+      "mount": "ButtonGroup",
+      "category": "forms",
+      "purpose": "Reusable button group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ButtonGroup.wrn"
+    },
+    {
+      "name": "ButtonSelector",
+      "mount": "ButtonSelector",
+      "category": "forms",
+      "purpose": "Reusable button selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Button\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ButtonSelector.wrn"
+    },
+    {
+      "name": "Calendar",
+      "mount": "Calendar",
+      "category": "content",
+      "purpose": "Reusable calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Calendar.wrn"
+    },
+    {
+      "name": "CalendarGrid",
+      "mount": "CalendarGrid",
+      "category": "data",
+      "purpose": "Reusable calendar grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarGrid.wrn"
+    },
+    {
+      "name": "CalendarHeader",
+      "mount": "CalendarHeader",
+      "category": "layout",
+      "purpose": "Reusable calendar header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarHeader.wrn"
+    },
+    {
+      "name": "CalendarNavigation",
+      "mount": "CalendarNavigation",
+      "category": "layout",
+      "purpose": "Reusable calendar navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CalendarNavigation.wrn"
+    },
+    {
+      "name": "CallbackUrlInput",
+      "mount": "CallbackUrlInput",
+      "category": "forms",
+      "purpose": "Reusable callback url input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CallbackUrl\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CallbackUrlInput.wrn"
+    },
+    {
+      "name": "CampaignCard",
+      "mount": "CampaignCard",
+      "category": "content",
+      "purpose": "Reusable campaign card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignCard.wrn"
+    },
+    {
+      "name": "CampaignPerformancePreview",
+      "mount": "CampaignPerformancePreview",
+      "category": "content",
+      "purpose": "Reusable campaign performance preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignPerformancePreview.wrn"
+    },
+    {
+      "name": "CampaignProgress",
+      "mount": "CampaignProgress",
+      "category": "visualization",
+      "purpose": "Reusable campaign progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CampaignProgress.wrn"
+    },
+    {
+      "name": "CapabilityGrid",
+      "mount": "CapabilityGrid",
+      "category": "data",
+      "purpose": "Reusable capability grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CapabilityGrid.wrn"
+    },
+    {
+      "name": "CaptchaField",
+      "mount": "CaptchaField",
+      "category": "forms",
+      "purpose": "Reusable captcha field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Captcha\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaptchaField.wrn"
+    },
+    {
+      "name": "Card",
+      "mount": "Card",
+      "category": "content",
+      "purpose": "Reusable card component.",
+      "props": [
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "padding",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "interactive",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Card.wrn"
+    },
+    {
+      "name": "CardPaymentForm",
+      "mount": "CardPaymentForm",
+      "category": "content",
+      "purpose": "Reusable card payment form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardPaymentForm.wrn"
+    },
+    {
+      "name": "CardSelector",
+      "mount": "CardSelector",
+      "category": "forms",
+      "purpose": "Reusable card selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Card\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardSelector.wrn"
+    },
+    {
+      "name": "CardSkeleton",
+      "mount": "CardSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable card skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Card\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CardSkeleton.wrn"
+    },
+    {
+      "name": "CareerApplicationForm",
+      "mount": "CareerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable career application form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CareerApplicationForm.wrn"
+    },
+    {
+      "name": "CareerBenefitsGrid",
+      "mount": "CareerBenefitsGrid",
+      "category": "data",
+      "purpose": "Reusable career benefits grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CareerBenefitsGrid.wrn"
+    },
+    {
+      "name": "Carousel",
+      "mount": "Carousel",
+      "category": "content",
+      "purpose": "Reusable carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Carousel.wrn"
+    },
+    {
+      "name": "CaseStudyCard",
+      "mount": "CaseStudyCard",
+      "category": "content",
+      "purpose": "Reusable case study card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyCard.wrn"
+    },
+    {
+      "name": "CaseStudyHero",
+      "mount": "CaseStudyHero",
+      "category": "layout",
+      "purpose": "Reusable case study hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyHero.wrn"
+    },
+    {
+      "name": "CaseStudyPreview",
+      "mount": "CaseStudyPreview",
+      "category": "content",
+      "purpose": "Reusable case study preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CaseStudyPreview.wrn"
+    },
+    {
+      "name": "CenteredCTA",
+      "mount": "CenteredCTA",
+      "category": "actions",
+      "purpose": "Reusable centered c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredCTA.wrn"
+    },
+    {
+      "name": "CenteredHero",
+      "mount": "CenteredHero",
+      "category": "layout",
+      "purpose": "Reusable centered hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredHero.wrn"
+    },
+    {
+      "name": "CenteredSectionHeader",
+      "mount": "CenteredSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable centered section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CenteredSectionHeader.wrn"
+    },
+    {
+      "name": "CertificateUpload",
+      "mount": "CertificateUpload",
+      "category": "content",
+      "purpose": "Reusable certificate upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CertificateUpload.wrn"
+    },
+    {
+      "name": "CertificationBadge",
+      "mount": "CertificationBadge",
+      "category": "feedback",
+      "purpose": "Reusable certification badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Certification\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CertificationBadge.wrn"
+    },
+    {
+      "name": "ChallengeSection",
+      "mount": "ChallengeSection",
+      "category": "layout",
+      "purpose": "Reusable challenge section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChallengeSection.wrn"
+    },
+    {
+      "name": "ChannelBadge",
+      "mount": "ChannelBadge",
+      "category": "feedback",
+      "purpose": "Reusable channel badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Channel\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelBadge.wrn"
+    },
+    {
+      "name": "ChannelCard",
+      "mount": "ChannelCard",
+      "category": "content",
+      "purpose": "Reusable channel card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelCard.wrn"
+    },
+    {
+      "name": "ChannelComparisonChart",
+      "mount": "ChannelComparisonChart",
+      "category": "visualization",
+      "purpose": "Reusable channel comparison chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelComparisonChart.wrn"
+    },
+    {
+      "name": "ChannelComparisonTable",
+      "mount": "ChannelComparisonTable",
+      "category": "data",
+      "purpose": "Reusable channel comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelComparisonTable.wrn"
+    },
+    {
+      "name": "ChannelFallbackDiagram",
+      "mount": "ChannelFallbackDiagram",
+      "category": "visualization",
+      "purpose": "Reusable channel fallback diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelFallbackDiagram.wrn"
+    },
+    {
+      "name": "ChannelFlow",
+      "mount": "ChannelFlow",
+      "category": "visualization",
+      "purpose": "Reusable channel flow component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelFlow.wrn"
+    },
+    {
+      "name": "ChannelIcon",
+      "mount": "ChannelIcon",
+      "category": "content",
+      "purpose": "Reusable channel icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelIcon.wrn"
+    },
+    {
+      "name": "ChannelRateTable",
+      "mount": "ChannelRateTable",
+      "category": "data",
+      "purpose": "Reusable channel rate table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelRateTable.wrn"
+    },
+    {
+      "name": "ChannelSelector",
+      "mount": "ChannelSelector",
+      "category": "forms",
+      "purpose": "Reusable channel selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Channel\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChannelSelector.wrn"
+    },
+    {
+      "name": "CharacterCounter",
+      "mount": "CharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable character counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Character\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CharacterCounter.wrn"
+    },
+    {
+      "name": "ChartEmptyState",
+      "mount": "ChartEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable chart empty state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ChartEmpty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChartEmptyState.wrn"
+    },
+    {
+      "name": "ChartTooltip",
+      "mount": "ChartTooltip",
+      "category": "content",
+      "purpose": "Reusable chart tooltip component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChartTooltip.wrn"
+    },
+    {
+      "name": "Checkbox",
+      "mount": "Checkbox",
+      "category": "core",
+      "purpose": "Reusable checkbox component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Checkbox\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Checkbox.wrn"
+    },
+    {
+      "name": "CheckboxGroup",
+      "mount": "CheckboxGroup",
+      "category": "forms",
+      "purpose": "Reusable checkbox group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Checkbox\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CheckboxGroup.wrn"
+    },
+    {
+      "name": "Checklist",
+      "mount": "Checklist",
+      "category": "content",
+      "purpose": "Reusable checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Checklist.wrn"
+    },
+    {
+      "name": "ChecklistProgress",
+      "mount": "ChecklistProgress",
+      "category": "visualization",
+      "purpose": "Reusable checklist progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChecklistProgress.wrn"
+    },
+    {
+      "name": "Chip",
+      "mount": "Chip",
+      "category": "core",
+      "purpose": "Reusable chip component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Chip\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Chip.wrn"
+    },
+    {
+      "name": "ChipInput",
+      "mount": "ChipInput",
+      "category": "forms",
+      "purpose": "Reusable chip input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Chip\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ChipInput.wrn"
+    },
+    {
+      "name": "CircularProgress",
+      "mount": "CircularProgress",
+      "category": "visualization",
+      "purpose": "Reusable circular progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CircularProgress.wrn"
+    },
+    {
+      "name": "CitySelector",
+      "mount": "CitySelector",
+      "category": "forms",
+      "purpose": "Reusable city selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"City\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CitySelector.wrn"
+    },
+    {
+      "name": "ClearFiltersButton",
+      "mount": "ClearFiltersButton",
+      "category": "actions",
+      "purpose": "Reusable clear filters button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ClearFiltersButton.wrn"
+    },
+    {
+      "name": "ClickableCard",
+      "mount": "ClickableCard",
+      "category": "content",
+      "purpose": "Reusable clickable card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ClickableCard.wrn"
+    },
+    {
+      "name": "CloseButton",
+      "mount": "CloseButton",
+      "category": "actions",
+      "purpose": "Reusable close button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CloseButton.wrn"
+    },
+    {
+      "name": "Cluster",
+      "mount": "Cluster",
+      "category": "core",
+      "purpose": "Reusable cluster component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Cluster.wrn"
+    },
+    {
+      "name": "Code",
+      "mount": "Code",
+      "category": "content",
+      "purpose": "Reusable code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Code.wrn"
+    },
+    {
+      "name": "CodeBlock",
+      "mount": "CodeBlock",
+      "category": "content",
+      "purpose": "Reusable code block component.",
+      "props": [
+        {
+          "name": "language",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "filename",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "code",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/CodeBlock.wrn"
+    },
+    {
+      "name": "CodeCopyButton",
+      "mount": "CodeCopyButton",
+      "category": "actions",
+      "purpose": "Reusable code copy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeCopyButton.wrn"
+    },
+    {
+      "name": "CodeHeader",
+      "mount": "CodeHeader",
+      "category": "layout",
+      "purpose": "Reusable code header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeHeader.wrn"
+    },
+    {
+      "name": "CodeInput",
+      "mount": "CodeInput",
+      "category": "forms",
+      "purpose": "Reusable code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Code\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeInput.wrn"
+    },
+    {
+      "name": "CodeLanguageBadge",
+      "mount": "CodeLanguageBadge",
+      "category": "feedback",
+      "purpose": "Reusable code language badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CodeLanguage\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeLanguageBadge.wrn"
+    },
+    {
+      "name": "CodeTabs",
+      "mount": "CodeTabs",
+      "category": "content",
+      "purpose": "Reusable code tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeTabs.wrn"
+    },
+    {
+      "name": "CodeText",
+      "mount": "CodeText",
+      "category": "content",
+      "purpose": "Reusable code text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CodeText.wrn"
+    },
+    {
+      "name": "CohortChart",
+      "mount": "CohortChart",
+      "category": "visualization",
+      "purpose": "Reusable cohort chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CohortChart.wrn"
+    },
+    {
+      "name": "ColorGrid",
+      "mount": "ColorGrid",
+      "category": "data",
+      "purpose": "Reusable color grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorGrid.wrn"
+    },
+    {
+      "name": "ColorHexInput",
+      "mount": "ColorHexInput",
+      "category": "forms",
+      "purpose": "Reusable color hex input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ColorHex\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorHexInput.wrn"
+    },
+    {
+      "name": "ColorPicker",
+      "mount": "ColorPicker",
+      "category": "forms",
+      "purpose": "Reusable color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Color\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorPicker.wrn"
+    },
+    {
+      "name": "ColorSelector",
+      "mount": "ColorSelector",
+      "category": "forms",
+      "purpose": "Reusable color selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Color\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorSelector.wrn"
+    },
+    {
+      "name": "ColorSwatch",
+      "mount": "ColorSwatch",
+      "category": "content",
+      "purpose": "Reusable color swatch component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ColorSwatch.wrn"
+    },
+    {
+      "name": "Combobox",
+      "mount": "Combobox",
+      "category": "core",
+      "purpose": "Reusable combobox component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"combobox\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose an option\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"Search options\""
+        },
+        {
+          "name": "options",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Combobox.wrn"
+    },
+    {
+      "name": "ComingSoonBadge",
+      "mount": "ComingSoonBadge",
+      "category": "feedback",
+      "purpose": "Reusable coming soon badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComingSoon\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComingSoonBadge.wrn"
+    },
+    {
+      "name": "ComingSoonState",
+      "mount": "ComingSoonState",
+      "category": "feedback",
+      "purpose": "Reusable coming soon state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComingSoon\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComingSoonState.wrn"
+    },
+    {
+      "name": "CommandBlock",
+      "mount": "CommandBlock",
+      "category": "content",
+      "purpose": "Reusable command block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandBlock.wrn"
+    },
+    {
+      "name": "CommandMenu",
+      "mount": "CommandMenu",
+      "category": "overlays",
+      "purpose": "Reusable command menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandMenu.wrn"
+    },
+    {
+      "name": "CommandSearchInput",
+      "mount": "CommandSearchInput",
+      "category": "forms",
+      "purpose": "Reusable command search input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CommandSearch\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CommandSearchInput.wrn"
+    },
+    {
+      "name": "CompanyHero",
+      "mount": "CompanyHero",
+      "category": "layout",
+      "purpose": "Reusable company hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyHero.wrn"
+    },
+    {
+      "name": "CompanyNameInput",
+      "mount": "CompanyNameInput",
+      "category": "forms",
+      "purpose": "Reusable company name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CompanyName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyNameInput.wrn"
+    },
+    {
+      "name": "CompanyPageShell",
+      "mount": "CompanyPageShell",
+      "category": "layout",
+      "purpose": "Reusable company page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanyPageShell.wrn"
+    },
+    {
+      "name": "CompanySizeSelector",
+      "mount": "CompanySizeSelector",
+      "category": "forms",
+      "purpose": "Reusable company size selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CompanySize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompanySizeSelector.wrn"
+    },
+    {
+      "name": "ComparisonDateRangePicker",
+      "mount": "ComparisonDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable comparison date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ComparisonDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComparisonDateRangePicker.wrn"
+    },
+    {
+      "name": "ComparisonTable",
+      "mount": "ComparisonTable",
+      "category": "data",
+      "purpose": "Reusable comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComparisonTable.wrn"
+    },
+    {
+      "name": "CompletionMeter",
+      "mount": "CompletionMeter",
+      "category": "visualization",
+      "purpose": "Reusable completion meter component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CompletionMeter.wrn"
+    },
+    {
+      "name": "ComplianceBadgeList",
+      "mount": "ComplianceBadgeList",
+      "category": "data",
+      "purpose": "Reusable compliance badge list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComplianceBadgeList.wrn"
+    },
+    {
+      "name": "ComplianceProgramCard",
+      "mount": "ComplianceProgramCard",
+      "category": "content",
+      "purpose": "Reusable compliance program card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ComplianceProgramCard.wrn"
+    },
+    {
+      "name": "ConfirmationDialog",
+      "mount": "ConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable confirmation dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Confirm action\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Are you sure you want to continue?\""
+        },
+        {
+          "name": "confirmLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Confirm\""
+        },
+        {
+          "name": "cancelLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Cancel\""
+        },
+        {
+          "name": "danger",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["confirm"],
+      "events": ["click"],
+      "source": "components/ConfirmationDialog.wrn"
+    },
+    {
+      "name": "ConfirmPasswordInput",
+      "mount": "ConfirmPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable confirm password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ConfirmPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConfirmPasswordInput.wrn"
+    },
+    {
+      "name": "ConnectedAccountCard",
+      "mount": "ConnectedAccountCard",
+      "category": "content",
+      "purpose": "Reusable connected account card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConnectedAccountCard.wrn"
+    },
+    {
+      "name": "ConnectionCard",
+      "mount": "ConnectionCard",
+      "category": "content",
+      "purpose": "Reusable connection card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConnectionCard.wrn"
+    },
+    {
+      "name": "ConsentTimelinePreview",
+      "mount": "ConsentTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable consent timeline preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConsentTimelinePreview.wrn"
+    },
+    {
+      "name": "ContactCard",
+      "mount": "ContactCard",
+      "category": "content",
+      "purpose": "Reusable contact card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactCard.wrn"
+    },
+    {
+      "name": "ContactCTA",
+      "mount": "ContactCTA",
+      "category": "actions",
+      "purpose": "Reusable contact c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactCTA.wrn"
+    },
+    {
+      "name": "ContactForm",
+      "mount": "ContactForm",
+      "category": "content",
+      "purpose": "Reusable contact form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactForm.wrn"
+    },
+    {
+      "name": "ContactHero",
+      "mount": "ContactHero",
+      "category": "layout",
+      "purpose": "Reusable contact hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactHero.wrn"
+    },
+    {
+      "name": "ContactPageShell",
+      "mount": "ContactPageShell",
+      "category": "layout",
+      "purpose": "Reusable contact page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactPageShell.wrn"
+    },
+    {
+      "name": "ContactSalesButton",
+      "mount": "ContactSalesButton",
+      "category": "actions",
+      "purpose": "Reusable contact sales button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactSalesButton.wrn"
+    },
+    {
+      "name": "ContactSalesForm",
+      "mount": "ContactSalesForm",
+      "category": "content",
+      "purpose": "Reusable contact sales form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContactSalesForm.wrn"
+    },
+    {
+      "name": "Container",
+      "mount": "Container",
+      "category": "core",
+      "purpose": "Reusable container component.",
+      "props": [
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Container.wrn"
+    },
+    {
+      "name": "ContextMenu",
+      "mount": "ContextMenu",
+      "category": "overlays",
+      "purpose": "Reusable context menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContextMenu.wrn"
+    },
+    {
+      "name": "ContextSwitcher",
+      "mount": "ContextSwitcher",
+      "category": "content",
+      "purpose": "Reusable context switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ContextSwitcher.wrn"
+    },
+    {
+      "name": "ConversationList",
+      "mount": "ConversationList",
+      "category": "data",
+      "purpose": "Reusable conversation list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversationList.wrn"
+    },
+    {
+      "name": "ConversationPreview",
+      "mount": "ConversationPreview",
+      "category": "content",
+      "purpose": "Reusable conversation preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversationPreview.wrn"
+    },
+    {
+      "name": "ConversionChart",
+      "mount": "ConversionChart",
+      "category": "visualization",
+      "purpose": "Reusable conversion chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ConversionChart.wrn"
+    },
+    {
+      "name": "CookieBanner",
+      "mount": "CookieBanner",
+      "category": "feedback",
+      "purpose": "Reusable cookie banner component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"We use cookies\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"We use essential cookies and optional analytics to improve your experience.\""
+        },
+        {
+          "name": "privacyHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/privacy\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/CookieBanner.wrn"
+    },
+    {
+      "name": "CookieCategoryList",
+      "mount": "CookieCategoryList",
+      "category": "data",
+      "purpose": "Reusable cookie category list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieCategoryList.wrn"
+    },
+    {
+      "name": "CookieCategoryToggle",
+      "mount": "CookieCategoryToggle",
+      "category": "forms",
+      "purpose": "Reusable cookie category toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CookieCategory\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieCategoryToggle.wrn"
+    },
+    {
+      "name": "CookieDetailsTable",
+      "mount": "CookieDetailsTable",
+      "category": "data",
+      "purpose": "Reusable cookie details table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieDetailsTable.wrn"
+    },
+    {
+      "name": "CookiePreferencesDialog",
+      "mount": "CookiePreferencesDialog",
+      "category": "overlays",
+      "purpose": "Reusable cookie preferences dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Cookie preferences\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose which optional cookies you allow. Essential cookies are always enabled.\""
+        },
+        {
+          "name": "saveLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Save preferences\""
+        },
+        {
+          "name": "acceptLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Accept all\""
+        },
+        {
+          "name": "rejectLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Reject optional\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["change", "click"],
+      "source": "components/CookiePreferencesDialog.wrn"
+    },
+    {
+      "name": "CookieTable",
+      "mount": "CookieTable",
+      "category": "data",
+      "purpose": "Reusable cookie table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CookieTable.wrn"
+    },
+    {
+      "name": "CoordinatesInput",
+      "mount": "CoordinatesInput",
+      "category": "forms",
+      "purpose": "Reusable coordinates input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coordinates\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CoordinatesInput.wrn"
+    },
+    {
+      "name": "CoordinatesPicker",
+      "mount": "CoordinatesPicker",
+      "category": "forms",
+      "purpose": "Reusable coordinates picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coordinates\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CoordinatesPicker.wrn"
+    },
+    {
+      "name": "CopyButton",
+      "mount": "CopyButton",
+      "category": "actions",
+      "purpose": "Reusable copy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopyButton.wrn"
+    },
+    {
+      "name": "CopyCodeButton",
+      "mount": "CopyCodeButton",
+      "category": "actions",
+      "purpose": "Reusable copy code button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopyCodeButton.wrn"
+    },
+    {
+      "name": "CopySecretField",
+      "mount": "CopySecretField",
+      "category": "forms",
+      "purpose": "Reusable copy secret field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CopySecret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CopySecretField.wrn"
+    },
+    {
+      "name": "CostBreakdownChart",
+      "mount": "CostBreakdownChart",
+      "category": "visualization",
+      "purpose": "Reusable cost breakdown chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CostBreakdownChart.wrn"
+    },
+    {
+      "name": "CostSummary",
+      "mount": "CostSummary",
+      "category": "content",
+      "purpose": "Reusable cost summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CostSummary.wrn"
+    },
+    {
+      "name": "Counter",
+      "mount": "Counter",
+      "category": "feedback",
+      "purpose": "Reusable counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Status\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Counter.wrn"
+    },
+    {
+      "name": "CountryCallingCodeInput",
+      "mount": "CountryCallingCodeInput",
+      "category": "forms",
+      "purpose": "Reusable country calling code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CountryCallingCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountryCallingCodeInput.wrn"
+    },
+    {
+      "name": "CountryCallingCodeSelector",
+      "mount": "CountryCallingCodeSelector",
+      "category": "forms",
+      "purpose": "Reusable country calling code selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CountryCallingCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountryCallingCodeSelector.wrn"
+    },
+    {
+      "name": "CountrySelector",
+      "mount": "CountrySelector",
+      "category": "forms",
+      "purpose": "Reusable country selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Country\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CountrySelector.wrn"
+    },
+    {
+      "name": "CouponInput",
+      "mount": "CouponInput",
+      "category": "forms",
+      "purpose": "Reusable coupon input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Coupon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CouponInput.wrn"
+    },
+    {
+      "name": "CreditAmountInput",
+      "mount": "CreditAmountInput",
+      "category": "forms",
+      "purpose": "Reusable credit amount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CreditAmount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CreditAmountInput.wrn"
+    },
+    {
+      "name": "CronBuilder",
+      "mount": "CronBuilder",
+      "category": "content",
+      "purpose": "Reusable cron builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CronBuilder.wrn"
+    },
+    {
+      "name": "CronInput",
+      "mount": "CronInput",
+      "category": "forms",
+      "purpose": "Reusable cron input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Cron\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CronInput.wrn"
+    },
+    {
+      "name": "CsvUpload",
+      "mount": "CsvUpload",
+      "category": "content",
+      "purpose": "Reusable csv upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CsvUpload.wrn"
+    },
+    {
+      "name": "CTASection",
+      "mount": "CTASection",
+      "category": "layout",
+      "purpose": "Reusable c t a section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"Ready?\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Start building today\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "primaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        },
+        {
+          "name": "primaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "secondaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Contact sales\""
+        },
+        {
+          "name": "secondaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/CTASection.wrn"
+    },
+    {
+      "name": "CurrencyInput",
+      "mount": "CurrencyInput",
+      "category": "forms",
+      "purpose": "Reusable currency input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Currency\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrencyInput.wrn"
+    },
+    {
+      "name": "CurrencySelector",
+      "mount": "CurrencySelector",
+      "category": "forms",
+      "purpose": "Reusable currency selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Currency\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrencySelector.wrn"
+    },
+    {
+      "name": "CurrentPasswordInput",
+      "mount": "CurrentPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable current password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"CurrentPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CurrentPasswordInput.wrn"
+    },
+    {
+      "name": "CustomerLogo",
+      "mount": "CustomerLogo",
+      "category": "content",
+      "purpose": "Reusable customer logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CustomerLogo.wrn"
+    },
+    {
+      "name": "CustomerStoryCard",
+      "mount": "CustomerStoryCard",
+      "category": "content",
+      "purpose": "Reusable customer story card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/CustomerStoryCard.wrn"
+    },
+    {
+      "name": "DangerButton",
+      "mount": "DangerButton",
+      "category": "actions",
+      "purpose": "Reusable danger button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DangerButton.wrn"
+    },
+    {
+      "name": "DataProtectionCard",
+      "mount": "DataProtectionCard",
+      "category": "content",
+      "purpose": "Reusable data protection card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DataProtectionCard.wrn"
+    },
+    {
+      "name": "DataRetentionTable",
+      "mount": "DataRetentionTable",
+      "category": "data",
+      "purpose": "Reusable data retention table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DataRetentionTable.wrn"
+    },
+    {
+      "name": "DataTable",
+      "mount": "DataTable",
+      "category": "data",
+      "purpose": "Reusable data table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Data table\""
+        },
+        {
+          "name": "columns",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "rows",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "required": false,
+          "default": "\"No data available.\""
+        },
+        {
+          "name": "striped",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DataTable.wrn"
+    },
+    {
+      "name": "DateInput",
+      "mount": "DateInput",
+      "category": "forms",
+      "purpose": "Reusable date input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateInput.wrn"
+    },
+    {
+      "name": "DatePicker",
+      "mount": "DatePicker",
+      "category": "forms",
+      "purpose": "Reusable date picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"date\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"date\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DatePicker.wrn"
+    },
+    {
+      "name": "DateRangeCalendar",
+      "mount": "DateRangeCalendar",
+      "category": "content",
+      "purpose": "Reusable date range calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateRangeCalendar.wrn"
+    },
+    {
+      "name": "DateRangePicker",
+      "mount": "DateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date range\""
+        },
+        {
+          "name": "startName",
+          "type": "string",
+          "required": false,
+          "default": "\"startDate\""
+        },
+        {
+          "name": "endName",
+          "type": "string",
+          "required": false,
+          "default": "\"endDate\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateRangePicker.wrn"
+    },
+    {
+      "name": "DateRangeSlider",
+      "mount": "DateRangeSlider",
+      "category": "content",
+      "purpose": "Reusable date range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateRangeSlider.wrn"
+    },
+    {
+      "name": "DateTimeInput",
+      "mount": "DateTimeInput",
+      "category": "forms",
+      "purpose": "Reusable date time input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DateTime\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateTimeInput.wrn"
+    },
+    {
+      "name": "DateTimePicker",
+      "mount": "DateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable date time picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"datetime-picker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"datetime\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Date and time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DateTimePicker.wrn"
+    },
+    {
+      "name": "DateTimeRangePicker",
+      "mount": "DateTimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable date time range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DateTimeRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DateTimeRangePicker.wrn"
+    },
+    {
+      "name": "DecimalInput",
+      "mount": "DecimalInput",
+      "category": "forms",
+      "purpose": "Reusable decimal input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Decimal\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DecimalInput.wrn"
+    },
+    {
+      "name": "DefinitionList",
+      "mount": "DefinitionList",
+      "category": "data",
+      "purpose": "Reusable definition list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DefinitionList.wrn"
+    },
+    {
+      "name": "DeleteConfirmationDialog",
+      "mount": "DeleteConfirmationDialog",
+      "category": "overlays",
+      "purpose": "Reusable delete confirmation dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeleteConfirmationDialog.wrn"
+    },
+    {
+      "name": "DeliveryPreview",
+      "mount": "DeliveryPreview",
+      "category": "content",
+      "purpose": "Reusable delivery preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryPreview.wrn"
+    },
+    {
+      "name": "DeliveryStatusChart",
+      "mount": "DeliveryStatusChart",
+      "category": "visualization",
+      "purpose": "Reusable delivery status chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryStatusChart.wrn"
+    },
+    {
+      "name": "DeliveryStatusTimeline",
+      "mount": "DeliveryStatusTimeline",
+      "category": "visualization",
+      "purpose": "Reusable delivery status timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeliveryStatusTimeline.wrn"
+    },
+    {
+      "name": "DemoRequestForm",
+      "mount": "DemoRequestForm",
+      "category": "content",
+      "purpose": "Reusable demo request form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DemoRequestForm.wrn"
+    },
+    {
+      "name": "DepartmentInput",
+      "mount": "DepartmentInput",
+      "category": "forms",
+      "purpose": "Reusable department input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Department\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DepartmentInput.wrn"
+    },
+    {
+      "name": "DeprecatedFeatureAlert",
+      "mount": "DeprecatedFeatureAlert",
+      "category": "feedback",
+      "purpose": "Reusable deprecated feature alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DeprecatedFeature\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeprecatedFeatureAlert.wrn"
+    },
+    {
+      "name": "DescriptionList",
+      "mount": "DescriptionList",
+      "category": "data",
+      "purpose": "Reusable description list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DescriptionList.wrn"
+    },
+    {
+      "name": "DesktopNavigation",
+      "mount": "DesktopNavigation",
+      "category": "layout",
+      "purpose": "Reusable desktop navigation component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Primary navigation\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/DesktopNavigation.wrn"
+    },
+    {
+      "name": "DeveloperCTA",
+      "mount": "DeveloperCTA",
+      "category": "actions",
+      "purpose": "Reusable developer c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperCTA.wrn"
+    },
+    {
+      "name": "DeveloperHero",
+      "mount": "DeveloperHero",
+      "category": "layout",
+      "purpose": "Reusable developer hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperHero.wrn"
+    },
+    {
+      "name": "DeveloperPageShell",
+      "mount": "DeveloperPageShell",
+      "category": "layout",
+      "purpose": "Reusable developer page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperPageShell.wrn"
+    },
+    {
+      "name": "DeveloperSearch",
+      "mount": "DeveloperSearch",
+      "category": "content",
+      "purpose": "Reusable developer search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeveloperSearch.wrn"
+    },
+    {
+      "name": "DevelopersMenu",
+      "mount": "DevelopersMenu",
+      "category": "overlays",
+      "purpose": "Reusable developers menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DevelopersMenu.wrn"
+    },
+    {
+      "name": "DeviceCard",
+      "mount": "DeviceCard",
+      "category": "content",
+      "purpose": "Reusable device card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DeviceCard.wrn"
+    },
+    {
+      "name": "disclosure",
+      "mount": "disclosure",
+      "category": "core",
+      "purpose": "Reusable disclosure component.",
+      "props": [
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"Details\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/disclosure.wrn"
+    },
+    {
+      "name": "DiscountInput",
+      "mount": "DiscountInput",
+      "category": "forms",
+      "purpose": "Reusable discount input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Discount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DiscountInput.wrn"
+    },
+    {
+      "name": "DisplayHeading",
+      "mount": "DisplayHeading",
+      "category": "core",
+      "purpose": "Reusable display heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DisplayHeading.wrn"
+    },
+    {
+      "name": "DisplayNameInput",
+      "mount": "DisplayNameInput",
+      "category": "forms",
+      "purpose": "Reusable display name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"DisplayName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DisplayNameInput.wrn"
+    },
+    {
+      "name": "Divider",
+      "mount": "Divider",
+      "category": "core",
+      "purpose": "Reusable divider component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Divider.wrn"
+    },
+    {
+      "name": "DocumentPreview",
+      "mount": "DocumentPreview",
+      "category": "content",
+      "purpose": "Reusable document preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DocumentPreview.wrn"
+    },
+    {
+      "name": "DocumentUpload",
+      "mount": "DocumentUpload",
+      "category": "content",
+      "purpose": "Reusable document upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DocumentUpload.wrn"
+    },
+    {
+      "name": "DomainInput",
+      "mount": "DomainInput",
+      "category": "forms",
+      "purpose": "Reusable domain input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Domain\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DomainInput.wrn"
+    },
+    {
+      "name": "DoNotSellLink",
+      "mount": "DoNotSellLink",
+      "category": "actions",
+      "purpose": "Reusable do not sell link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DoNotSellLink.wrn"
+    },
+    {
+      "name": "DonutChart",
+      "mount": "DonutChart",
+      "category": "visualization",
+      "purpose": "Reusable donut chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DonutChart.wrn"
+    },
+    {
+      "name": "DownloadAction",
+      "mount": "DownloadAction",
+      "category": "actions",
+      "purpose": "Reusable download action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadAction.wrn"
+    },
+    {
+      "name": "DownloadButton",
+      "mount": "DownloadButton",
+      "category": "actions",
+      "purpose": "Reusable download button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadButton.wrn"
+    },
+    {
+      "name": "DownloadGateForm",
+      "mount": "DownloadGateForm",
+      "category": "content",
+      "purpose": "Reusable download gate form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadGateForm.wrn"
+    },
+    {
+      "name": "DownloadPolicyButton",
+      "mount": "DownloadPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable download policy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadPolicyButton.wrn"
+    },
+    {
+      "name": "DownloadResourceForm",
+      "mount": "DownloadResourceForm",
+      "category": "content",
+      "purpose": "Reusable download resource form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DownloadResourceForm.wrn"
+    },
+    {
+      "name": "Drawer",
+      "mount": "Drawer",
+      "category": "core",
+      "purpose": "Reusable drawer component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Panel\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "side",
+          "type": "string",
+          "required": false,
+          "default": "\"right\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Drawer.wrn"
+    },
+    {
+      "name": "DropdownMenu",
+      "mount": "DropdownMenu",
+      "category": "overlays",
+      "purpose": "Reusable dropdown menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Menu\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/DropdownMenu.wrn"
+    },
+    {
+      "name": "DropdownNavigation",
+      "mount": "DropdownNavigation",
+      "category": "layout",
+      "purpose": "Reusable dropdown navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DropdownNavigation.wrn"
+    },
+    {
+      "name": "DurationInput",
+      "mount": "DurationInput",
+      "category": "forms",
+      "purpose": "Reusable duration input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Duration\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationInput.wrn"
+    },
+    {
+      "name": "DurationPicker",
+      "mount": "DurationPicker",
+      "category": "forms",
+      "purpose": "Reusable duration picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Duration\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationPicker.wrn"
+    },
+    {
+      "name": "DurationSlider",
+      "mount": "DurationSlider",
+      "category": "content",
+      "purpose": "Reusable duration slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/DurationSlider.wrn"
+    },
+    {
+      "name": "ElevatedCard",
+      "mount": "ElevatedCard",
+      "category": "content",
+      "purpose": "Reusable elevated card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ElevatedCard.wrn"
+    },
+    {
+      "name": "EmailBodyEditor",
+      "mount": "EmailBodyEditor",
+      "category": "forms",
+      "purpose": "Reusable email body editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"EmailBody\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmailBodyEditor.wrn"
+    },
+    {
+      "name": "EmailComposer",
+      "mount": "EmailComposer",
+      "category": "content",
+      "purpose": "Reusable email composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmailComposer.wrn"
+    },
+    {
+      "name": "EmailInput",
+      "mount": "EmailInput",
+      "category": "forms",
+      "purpose": "Reusable email input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Email\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/EmailInput.wrn"
+    },
+    {
+      "name": "EmojiPicker",
+      "mount": "EmojiPicker",
+      "category": "forms",
+      "purpose": "Reusable emoji picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Emoji\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EmojiPicker.wrn"
+    },
+    {
+      "name": "EmptyState",
+      "mount": "EmptyState",
+      "category": "feedback",
+      "purpose": "Reusable empty state component.",
+      "props": [
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"◇\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Nothing here yet\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/EmptyState.wrn"
+    },
+    {
+      "name": "EncryptionDiagram",
+      "mount": "EncryptionDiagram",
+      "category": "visualization",
+      "purpose": "Reusable encryption diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EncryptionDiagram.wrn"
+    },
+    {
+      "name": "EnterpriseCTA",
+      "mount": "EnterpriseCTA",
+      "category": "actions",
+      "purpose": "Reusable enterprise c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterpriseCTA.wrn"
+    },
+    {
+      "name": "EnterpriseHero",
+      "mount": "EnterpriseHero",
+      "category": "layout",
+      "purpose": "Reusable enterprise hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterpriseHero.wrn"
+    },
+    {
+      "name": "EnterprisePricingCard",
+      "mount": "EnterprisePricingCard",
+      "category": "content",
+      "purpose": "Reusable enterprise pricing card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnterprisePricingCard.wrn"
+    },
+    {
+      "name": "EnvironmentSelector",
+      "mount": "EnvironmentSelector",
+      "category": "forms",
+      "purpose": "Reusable environment selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Environment\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnvironmentSelector.wrn"
+    },
+    {
+      "name": "EnvironmentSwitcher",
+      "mount": "EnvironmentSwitcher",
+      "category": "content",
+      "purpose": "Reusable environment switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EnvironmentSwitcher.wrn"
+    },
+    {
+      "name": "ErrorActions",
+      "mount": "ErrorActions",
+      "category": "actions",
+      "purpose": "Reusable error actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorActions.wrn"
+    },
+    {
+      "name": "ErrorCard",
+      "mount": "ErrorCard",
+      "category": "content",
+      "purpose": "Reusable error card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorCard.wrn"
+    },
+    {
+      "name": "ErrorCode",
+      "mount": "ErrorCode",
+      "category": "content",
+      "purpose": "Reusable error code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorCode.wrn"
+    },
+    {
+      "name": "ErrorHero",
+      "mount": "ErrorHero",
+      "category": "layout",
+      "purpose": "Reusable error hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorHero.wrn"
+    },
+    {
+      "name": "ErrorIllustration",
+      "mount": "ErrorIllustration",
+      "category": "content",
+      "purpose": "Reusable error illustration component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorIllustration.wrn"
+    },
+    {
+      "name": "ErrorPage",
+      "mount": "ErrorPage",
+      "category": "content",
+      "purpose": "Reusable error page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorPage.wrn"
+    },
+    {
+      "name": "ErrorPageShell",
+      "mount": "ErrorPageShell",
+      "category": "layout",
+      "purpose": "Reusable error page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorPageShell.wrn"
+    },
+    {
+      "name": "ErrorState",
+      "mount": "ErrorState",
+      "category": "feedback",
+      "purpose": "Reusable error state component.",
+      "props": [
+        {
+          "name": "code",
+          "type": "string",
+          "required": false,
+          "default": "\"500\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Something went wrong\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"Please try again.\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Try again\""
+        },
+        {
+          "name": "actionHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ErrorState.wrn"
+    },
+    {
+      "name": "ErrorSupportLink",
+      "mount": "ErrorSupportLink",
+      "category": "actions",
+      "purpose": "Reusable error support link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ErrorSupportLink.wrn"
+    },
+    {
+      "name": "EstimatedCostSummary",
+      "mount": "EstimatedCostSummary",
+      "category": "content",
+      "purpose": "Reusable estimated cost summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EstimatedCostSummary.wrn"
+    },
+    {
+      "name": "EventTable",
+      "mount": "EventTable",
+      "category": "data",
+      "purpose": "Reusable event table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EventTable.wrn"
+    },
+    {
+      "name": "ExpandableText",
+      "mount": "ExpandableText",
+      "category": "content",
+      "purpose": "Reusable expandable text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExpandableText.wrn"
+    },
+    {
+      "name": "ExpiryDateTimePicker",
+      "mount": "ExpiryDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable expiry date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ExpiryDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExpiryDateTimePicker.wrn"
+    },
+    {
+      "name": "ExportProgress",
+      "mount": "ExportProgress",
+      "category": "visualization",
+      "purpose": "Reusable export progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExportProgress.wrn"
+    },
+    {
+      "name": "ExternalLink",
+      "mount": "ExternalLink",
+      "category": "actions",
+      "purpose": "Reusable external link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ExternalLink.wrn"
+    },
+    {
+      "name": "EyebrowText",
+      "mount": "EyebrowText",
+      "category": "content",
+      "purpose": "Reusable eyebrow text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/EyebrowText.wrn"
+    },
+    {
+      "name": "FactorCard",
+      "mount": "FactorCard",
+      "category": "content",
+      "purpose": "Reusable factor card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FactorCard.wrn"
+    },
+    {
+      "name": "FallbackRouteBuilder",
+      "mount": "FallbackRouteBuilder",
+      "category": "content",
+      "purpose": "Reusable fallback route builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FallbackRouteBuilder.wrn"
+    },
+    {
+      "name": "FallbackRouteDiagram",
+      "mount": "FallbackRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable fallback route diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FallbackRouteDiagram.wrn"
+    },
+    {
+      "name": "FAQ",
+      "mount": "FAQ",
+      "category": "core",
+      "purpose": "Reusable faq component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Frequently asked questions\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "centered",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "allowMultiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "defaultOpenIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FAQ.wrn"
+    },
+    {
+      "name": "FAQAccordion",
+      "mount": "FAQAccordion",
+      "category": "core",
+      "purpose": "Reusable faqaccordion component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Frequently asked questions\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "centered",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "compact",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "allowMultiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "defaultOpenIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "showContact",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "contactText",
+          "type": "string",
+          "required": false,
+          "default": "\"Still have questions?\""
+        },
+        {
+          "name": "contactLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Contact support\""
+        },
+        {
+          "name": "contactHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/support\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/FAQAccordion.wrn"
+    },
+    {
+      "name": "FaviconUpload",
+      "mount": "FaviconUpload",
+      "category": "content",
+      "purpose": "Reusable favicon upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FaviconUpload.wrn"
+    },
+    {
+      "name": "FaxInput",
+      "mount": "FaxInput",
+      "category": "forms",
+      "purpose": "Reusable fax input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Fax\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FaxInput.wrn"
+    },
+    {
+      "name": "FeatureCard",
+      "mount": "FeatureCard",
+      "category": "content",
+      "purpose": "Reusable feature card component.",
+      "props": [
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"✦\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Feature\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FeatureCard.wrn"
+    },
+    {
+      "name": "FeatureChecklist",
+      "mount": "FeatureChecklist",
+      "category": "content",
+      "purpose": "Reusable feature checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureChecklist.wrn"
+    },
+    {
+      "name": "FeatureComparisonTable",
+      "mount": "FeatureComparisonTable",
+      "category": "data",
+      "purpose": "Reusable feature comparison table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureComparisonTable.wrn"
+    },
+    {
+      "name": "FeaturedBlogCard",
+      "mount": "FeaturedBlogCard",
+      "category": "content",
+      "purpose": "Reusable featured blog card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeaturedBlogCard.wrn"
+    },
+    {
+      "name": "FeatureDetailsPanel",
+      "mount": "FeatureDetailsPanel",
+      "category": "layout",
+      "purpose": "Reusable feature details panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureDetailsPanel.wrn"
+    },
+    {
+      "name": "FeatureGrid",
+      "mount": "FeatureGrid",
+      "category": "data",
+      "purpose": "Reusable feature grid component.",
+      "props": [
+        {
+          "name": "columns",
+          "type": "number",
+          "required": false,
+          "default": "3"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureGrid.wrn"
+    },
+    {
+      "name": "FeatureIconCard",
+      "mount": "FeatureIconCard",
+      "category": "content",
+      "purpose": "Reusable feature icon card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureIconCard.wrn"
+    },
+    {
+      "name": "FeatureList",
+      "mount": "FeatureList",
+      "category": "data",
+      "purpose": "Reusable feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureList.wrn"
+    },
+    {
+      "name": "FeatureTabs",
+      "mount": "FeatureTabs",
+      "category": "content",
+      "purpose": "Reusable feature tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureTabs.wrn"
+    },
+    {
+      "name": "FeatureTimeline",
+      "mount": "FeatureTimeline",
+      "category": "visualization",
+      "purpose": "Reusable feature timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureTimeline.wrn"
+    },
+    {
+      "name": "FeatureUnavailableState",
+      "mount": "FeatureUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable feature unavailable state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FeatureUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FeatureUnavailableState.wrn"
+    },
+    {
+      "name": "FieldActions",
+      "mount": "FieldActions",
+      "category": "actions",
+      "purpose": "Reusable field actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FieldActions.wrn"
+    },
+    {
+      "name": "file-upload",
+      "mount": "file-upload",
+      "category": "core",
+      "purpose": "Reusable file-upload component.",
+      "props": [
+        {
+          "name": "store",
+          "type": "string",
+          "required": false,
+          "default": "\"public\""
+        },
+        {
+          "name": "endpoint",
+          "type": "string",
+          "required": false,
+          "default": "\"/api/upload\""
+        },
+        {
+          "name": "accept",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Drag files here or click to browse\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/file-upload.wrn"
+    },
+    {
+      "name": "FileInput",
+      "mount": "FileInput",
+      "category": "forms",
+      "purpose": "Reusable file input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"File\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileInput.wrn"
+    },
+    {
+      "name": "FileList",
+      "mount": "FileList",
+      "category": "data",
+      "purpose": "Reusable file list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileList.wrn"
+    },
+    {
+      "name": "FileSizeInput",
+      "mount": "FileSizeInput",
+      "category": "forms",
+      "purpose": "Reusable file size input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FileSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileSizeInput.wrn"
+    },
+    {
+      "name": "FileSizeLabel",
+      "mount": "FileSizeLabel",
+      "category": "content",
+      "purpose": "Reusable file size label component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileSizeLabel.wrn"
+    },
+    {
+      "name": "FileTypeBadge",
+      "mount": "FileTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable file type badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FileType\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FileTypeBadge.wrn"
+    },
+    {
+      "name": "FileUpload",
+      "mount": "FileUpload",
+      "category": "content",
+      "purpose": "Reusable file upload component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"file\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"file\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Upload file\""
+        },
+        {
+          "name": "accept",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"Drag and drop or browse\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FileUpload.wrn"
+    },
+    {
+      "name": "FilterableTable",
+      "mount": "FilterableTable",
+      "category": "data",
+      "purpose": "Reusable filterable table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterableTable.wrn"
+    },
+    {
+      "name": "FilterBar",
+      "mount": "FilterBar",
+      "category": "core",
+      "purpose": "Reusable filter bar component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Filters\""
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Clear filters\""
+        },
+        {
+          "name": "showClear",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterBar.wrn"
+    },
+    {
+      "name": "FilterMenu",
+      "mount": "FilterMenu",
+      "category": "overlays",
+      "purpose": "Reusable filter menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterMenu.wrn"
+    },
+    {
+      "name": "FilterSearchInput",
+      "mount": "FilterSearchInput",
+      "category": "forms",
+      "purpose": "Reusable filter search input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FilterSearch\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FilterSearchInput.wrn"
+    },
+    {
+      "name": "FinalCTA",
+      "mount": "FinalCTA",
+      "category": "actions",
+      "purpose": "Reusable final c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FinalCTA.wrn"
+    },
+    {
+      "name": "FirstNameInput",
+      "mount": "FirstNameInput",
+      "category": "forms",
+      "purpose": "Reusable first name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FirstName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FirstNameInput.wrn"
+    },
+    {
+      "name": "Flex",
+      "mount": "Flex",
+      "category": "core",
+      "purpose": "Reusable flex component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Flex.wrn"
+    },
+    {
+      "name": "FontPicker",
+      "mount": "FontPicker",
+      "category": "forms",
+      "purpose": "Reusable font picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Font\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontPicker.wrn"
+    },
+    {
+      "name": "FontSizePicker",
+      "mount": "FontSizePicker",
+      "category": "forms",
+      "purpose": "Reusable font size picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FontSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontSizePicker.wrn"
+    },
+    {
+      "name": "FontWeightPicker",
+      "mount": "FontWeightPicker",
+      "category": "forms",
+      "purpose": "Reusable font weight picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FontWeight\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FontWeightPicker.wrn"
+    },
+    {
+      "name": "FooterLanguageSwitcher",
+      "mount": "FooterLanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable footer language switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FooterLanguageSwitcher.wrn"
+    },
+    {
+      "name": "FooterStatusIndicator",
+      "mount": "FooterStatusIndicator",
+      "category": "feedback",
+      "purpose": "Reusable footer status indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"FooterStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FooterStatusIndicator.wrn"
+    },
+    {
+      "name": "ForbiddenPage",
+      "mount": "ForbiddenPage",
+      "category": "content",
+      "purpose": "Reusable forbidden page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForbiddenPage.wrn"
+    },
+    {
+      "name": "ForbiddenState",
+      "mount": "ForbiddenState",
+      "category": "feedback",
+      "purpose": "Reusable forbidden state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Forbidden\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForbiddenState.wrn"
+    },
+    {
+      "name": "ForgotPasswordForm",
+      "mount": "ForgotPasswordForm",
+      "category": "content",
+      "purpose": "Reusable forgot password form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ForgotPasswordForm.wrn"
+    },
+    {
+      "name": "Form",
+      "mount": "Form",
+      "category": "content",
+      "purpose": "Reusable form component.",
+      "props": [
+        {
+          "name": "action",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "method",
+          "type": "string",
+          "required": false,
+          "default": "\"post\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Form.wrn"
+    },
+    {
+      "name": "FormActions",
+      "mount": "FormActions",
+      "category": "actions",
+      "purpose": "Reusable form actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormActions.wrn"
+    },
+    {
+      "name": "FormAlert",
+      "mount": "FormAlert",
+      "category": "feedback",
+      "purpose": "Reusable form alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Form\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormAlert.wrn"
+    },
+    {
+      "name": "FormDialog",
+      "mount": "FormDialog",
+      "category": "overlays",
+      "purpose": "Reusable form dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormDialog.wrn"
+    },
+    {
+      "name": "FormError",
+      "mount": "FormError",
+      "category": "core",
+      "purpose": "Reusable form error component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "message",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormError.wrn"
+    },
+    {
+      "name": "FormErrorSummary",
+      "mount": "FormErrorSummary",
+      "category": "content",
+      "purpose": "Reusable form error summary component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Please fix the following\""
+        },
+        {
+          "name": "visible",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormErrorSummary.wrn"
+    },
+    {
+      "name": "FormField",
+      "mount": "FormField",
+      "category": "forms",
+      "purpose": "Reusable form field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Field\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormField.wrn"
+    },
+    {
+      "name": "FormGrid",
+      "mount": "FormGrid",
+      "category": "data",
+      "purpose": "Reusable form grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormGrid.wrn"
+    },
+    {
+      "name": "FormGroup",
+      "mount": "FormGroup",
+      "category": "forms",
+      "purpose": "Reusable form group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Form\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormGroup.wrn"
+    },
+    {
+      "name": "FormHelpText",
+      "mount": "FormHelpText",
+      "category": "content",
+      "purpose": "Reusable form help text component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormHelpText.wrn"
+    },
+    {
+      "name": "FormLabel",
+      "mount": "FormLabel",
+      "category": "content",
+      "purpose": "Reusable form label component.",
+      "props": [
+        {
+          "name": "for",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Label\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "optional",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/FormLabel.wrn"
+    },
+    {
+      "name": "FormProgress",
+      "mount": "FormProgress",
+      "category": "visualization",
+      "purpose": "Reusable form progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormProgress.wrn"
+    },
+    {
+      "name": "FormRow",
+      "mount": "FormRow",
+      "category": "data",
+      "purpose": "Reusable form row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormRow.wrn"
+    },
+    {
+      "name": "FormSection",
+      "mount": "FormSection",
+      "category": "layout",
+      "purpose": "Reusable form section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FormSection.wrn"
+    },
+    {
+      "name": "FullBleed",
+      "mount": "FullBleed",
+      "category": "core",
+      "purpose": "Reusable full bleed component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FullBleed.wrn"
+    },
+    {
+      "name": "FullscreenDialog",
+      "mount": "FullscreenDialog",
+      "category": "overlays",
+      "purpose": "Reusable fullscreen dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FullscreenDialog.wrn"
+    },
+    {
+      "name": "FunnelChart",
+      "mount": "FunnelChart",
+      "category": "visualization",
+      "purpose": "Reusable funnel chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/FunnelChart.wrn"
+    },
+    {
+      "name": "GeoChart",
+      "mount": "GeoChart",
+      "category": "visualization",
+      "purpose": "Reusable geo chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GeoChart.wrn"
+    },
+    {
+      "name": "GeofenceEditor",
+      "mount": "GeofenceEditor",
+      "category": "forms",
+      "purpose": "Reusable geofence editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Geofence\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GeofenceEditor.wrn"
+    },
+    {
+      "name": "GhostButton",
+      "mount": "GhostButton",
+      "category": "actions",
+      "purpose": "Reusable ghost button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GhostButton.wrn"
+    },
+    {
+      "name": "GlassCard",
+      "mount": "GlassCard",
+      "category": "content",
+      "purpose": "Reusable glass card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GlassCard.wrn"
+    },
+    {
+      "name": "GlobalSearch",
+      "mount": "GlobalSearch",
+      "category": "content",
+      "purpose": "Reusable global search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GlobalSearch.wrn"
+    },
+    {
+      "name": "GradientCTA",
+      "mount": "GradientCTA",
+      "category": "actions",
+      "purpose": "Reusable gradient c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientCTA.wrn"
+    },
+    {
+      "name": "GradientPicker",
+      "mount": "GradientPicker",
+      "category": "forms",
+      "purpose": "Reusable gradient picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Gradient\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientPicker.wrn"
+    },
+    {
+      "name": "GradientStopEditor",
+      "mount": "GradientStopEditor",
+      "category": "forms",
+      "purpose": "Reusable gradient stop editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"GradientStop\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GradientStopEditor.wrn"
+    },
+    {
+      "name": "Grid",
+      "mount": "Grid",
+      "category": "data",
+      "purpose": "Reusable grid component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Grid.wrn"
+    },
+    {
+      "name": "GuideCard",
+      "mount": "GuideCard",
+      "category": "content",
+      "purpose": "Reusable guide card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideCard.wrn"
+    },
+    {
+      "name": "GuideChecklist",
+      "mount": "GuideChecklist",
+      "category": "content",
+      "purpose": "Reusable guide checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideChecklist.wrn"
+    },
+    {
+      "name": "GuideDifficultyBadge",
+      "mount": "GuideDifficultyBadge",
+      "category": "feedback",
+      "purpose": "Reusable guide difficulty badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"GuideDifficulty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideDifficultyBadge.wrn"
+    },
+    {
+      "name": "GuideGrid",
+      "mount": "GuideGrid",
+      "category": "data",
+      "purpose": "Reusable guide grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideGrid.wrn"
+    },
+    {
+      "name": "GuideStep",
+      "mount": "GuideStep",
+      "category": "content",
+      "purpose": "Reusable guide step component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/GuideStep.wrn"
+    },
+    {
+      "name": "Header",
+      "mount": "Header",
+      "category": "layout",
+      "purpose": "Reusable header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Header.wrn"
+    },
+    {
+      "name": "HeaderActions",
+      "mount": "HeaderActions",
+      "category": "actions",
+      "purpose": "Reusable header actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeaderActions.wrn"
+    },
+    {
+      "name": "HealthIndicator",
+      "mount": "HealthIndicator",
+      "category": "feedback",
+      "purpose": "Reusable health indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Health\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HealthIndicator.wrn"
+    },
+    {
+      "name": "Hero",
+      "mount": "Hero",
+      "category": "layout",
+      "purpose": "Reusable hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Build faster with WRNexusJS\""
+        },
+        {
+          "name": "highlight",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "primaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        },
+        {
+          "name": "primaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "secondaryLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "secondaryHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"center\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Hero.wrn"
+    },
+    {
+      "name": "HeroActions",
+      "mount": "HeroActions",
+      "category": "actions",
+      "purpose": "Reusable hero actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroActions.wrn"
+    },
+    {
+      "name": "HeroCodePanel",
+      "mount": "HeroCodePanel",
+      "category": "layout",
+      "purpose": "Reusable hero code panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroCodePanel.wrn"
+    },
+    {
+      "name": "HeroGradientText",
+      "mount": "HeroGradientText",
+      "category": "content",
+      "purpose": "Reusable hero gradient text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroGradientText.wrn"
+    },
+    {
+      "name": "HeroPrimaryAction",
+      "mount": "HeroPrimaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero primary action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroPrimaryAction.wrn"
+    },
+    {
+      "name": "HeroProductPreview",
+      "mount": "HeroProductPreview",
+      "category": "content",
+      "purpose": "Reusable hero product preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroProductPreview.wrn"
+    },
+    {
+      "name": "HeroSecondaryAction",
+      "mount": "HeroSecondaryAction",
+      "category": "actions",
+      "purpose": "Reusable hero secondary action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroSecondaryAction.wrn"
+    },
+    {
+      "name": "HeroTrustText",
+      "mount": "HeroTrustText",
+      "category": "content",
+      "purpose": "Reusable hero trust text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HeroTrustText.wrn"
+    },
+    {
+      "name": "HexColorInput",
+      "mount": "HexColorInput",
+      "category": "forms",
+      "purpose": "Reusable hex color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"HexColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HexColorInput.wrn"
+    },
+    {
+      "name": "HiddenField",
+      "mount": "HiddenField",
+      "category": "forms",
+      "purpose": "Reusable hidden field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hidden\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HiddenField.wrn"
+    },
+    {
+      "name": "HighlightText",
+      "mount": "HighlightText",
+      "category": "content",
+      "purpose": "Reusable highlight text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HighlightText.wrn"
+    },
+    {
+      "name": "HolidayCalendar",
+      "mount": "HolidayCalendar",
+      "category": "content",
+      "purpose": "Reusable holiday calendar component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HolidayCalendar.wrn"
+    },
+    {
+      "name": "HostnameInput",
+      "mount": "HostnameInput",
+      "category": "forms",
+      "purpose": "Reusable hostname input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hostname\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HostnameInput.wrn"
+    },
+    {
+      "name": "HourPicker",
+      "mount": "HourPicker",
+      "category": "forms",
+      "purpose": "Reusable hour picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Hour\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HourPicker.wrn"
+    },
+    {
+      "name": "HslColorInput",
+      "mount": "HslColorInput",
+      "category": "forms",
+      "purpose": "Reusable hsl color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"HslColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HslColorInput.wrn"
+    },
+    {
+      "name": "hstack",
+      "mount": "hstack",
+      "category": "core",
+      "purpose": "Reusable hstack component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"center\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/hstack.wrn"
+    },
+    {
+      "name": "HtmlEditor",
+      "mount": "HtmlEditor",
+      "category": "forms",
+      "purpose": "Reusable html editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Html\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HtmlEditor.wrn"
+    },
+    {
+      "name": "HumanApprovalStep",
+      "mount": "HumanApprovalStep",
+      "category": "content",
+      "purpose": "Reusable human approval step component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/HumanApprovalStep.wrn"
+    },
+    {
+      "name": "Icon",
+      "mount": "Icon",
+      "category": "content",
+      "purpose": "Reusable icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Icon.wrn"
+    },
+    {
+      "name": "IconButton",
+      "mount": "IconButton",
+      "category": "actions",
+      "purpose": "Reusable icon button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "required": false,
+          "default": "\"•\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"ghost\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/IconButton.wrn"
+    },
+    {
+      "name": "IconPicker",
+      "mount": "IconPicker",
+      "category": "forms",
+      "purpose": "Reusable icon picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Icon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IconPicker.wrn"
+    },
+    {
+      "name": "IconSelector",
+      "mount": "IconSelector",
+      "category": "forms",
+      "purpose": "Reusable icon selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Icon\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IconSelector.wrn"
+    },
+    {
+      "name": "IdentifierInput",
+      "mount": "IdentifierInput",
+      "category": "forms",
+      "purpose": "Reusable identifier input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Identifier\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IdentifierInput.wrn"
+    },
+    {
+      "name": "Illustration",
+      "mount": "Illustration",
+      "category": "content",
+      "purpose": "Reusable illustration component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Illustration.wrn"
+    },
+    {
+      "name": "ImageCompressionPreview",
+      "mount": "ImageCompressionPreview",
+      "category": "content",
+      "purpose": "Reusable image compression preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageCompressionPreview.wrn"
+    },
+    {
+      "name": "ImageEditor",
+      "mount": "ImageEditor",
+      "category": "forms",
+      "purpose": "Reusable image editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Image\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageEditor.wrn"
+    },
+    {
+      "name": "ImagePreviewDialog",
+      "mount": "ImagePreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable image preview dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImagePreviewDialog.wrn"
+    },
+    {
+      "name": "ImageSelector",
+      "mount": "ImageSelector",
+      "category": "forms",
+      "purpose": "Reusable image selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Image\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageSelector.wrn"
+    },
+    {
+      "name": "ImageUpload",
+      "mount": "ImageUpload",
+      "category": "content",
+      "purpose": "Reusable image upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImageUpload.wrn"
+    },
+    {
+      "name": "ImportProgress",
+      "mount": "ImportProgress",
+      "category": "visualization",
+      "purpose": "Reusable import progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ImportProgress.wrn"
+    },
+    {
+      "name": "IncidentAlert",
+      "mount": "IncidentAlert",
+      "category": "feedback",
+      "purpose": "Reusable incident alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Incident\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentAlert.wrn"
+    },
+    {
+      "name": "IncidentBanner",
+      "mount": "IncidentBanner",
+      "category": "feedback",
+      "purpose": "Reusable incident banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Incident\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentBanner.wrn"
+    },
+    {
+      "name": "IncidentCard",
+      "mount": "IncidentCard",
+      "category": "content",
+      "purpose": "Reusable incident card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentCard.wrn"
+    },
+    {
+      "name": "IncidentList",
+      "mount": "IncidentList",
+      "category": "data",
+      "purpose": "Reusable incident list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentList.wrn"
+    },
+    {
+      "name": "IncidentResponseFlow",
+      "mount": "IncidentResponseFlow",
+      "category": "visualization",
+      "purpose": "Reusable incident response flow component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentResponseFlow.wrn"
+    },
+    {
+      "name": "IncidentSeverityBadge",
+      "mount": "IncidentSeverityBadge",
+      "category": "feedback",
+      "purpose": "Reusable incident severity badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"IncidentSeverity\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentSeverityBadge.wrn"
+    },
+    {
+      "name": "IncidentTimeline",
+      "mount": "IncidentTimeline",
+      "category": "visualization",
+      "purpose": "Reusable incident timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IncidentTimeline.wrn"
+    },
+    {
+      "name": "IndustryBadge",
+      "mount": "IndustryBadge",
+      "category": "feedback",
+      "purpose": "Reusable industry badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Industry\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IndustryBadge.wrn"
+    },
+    {
+      "name": "IndustrySelector",
+      "mount": "IndustrySelector",
+      "category": "forms",
+      "purpose": "Reusable industry selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Industry\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IndustrySelector.wrn"
+    },
+    {
+      "name": "InfoCard",
+      "mount": "InfoCard",
+      "category": "content",
+      "purpose": "Reusable info card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InfoCard.wrn"
+    },
+    {
+      "name": "Inline",
+      "mount": "Inline",
+      "category": "core",
+      "purpose": "Reusable inline component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Inline.wrn"
+    },
+    {
+      "name": "InlineAlert",
+      "mount": "InlineAlert",
+      "category": "feedback",
+      "purpose": "Reusable inline alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Inline\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InlineAlert.wrn"
+    },
+    {
+      "name": "InlineCode",
+      "mount": "InlineCode",
+      "category": "content",
+      "purpose": "Reusable inline code component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InlineCode.wrn"
+    },
+    {
+      "name": "input",
+      "mount": "input",
+      "category": "core",
+      "purpose": "Reusable input component.",
+      "props": [
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/input.wrn"
+    },
+    {
+      "name": "InputGroup",
+      "mount": "InputGroup",
+      "category": "forms",
+      "purpose": "Reusable input group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Input\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InputGroup.wrn"
+    },
+    {
+      "name": "InsetPanel",
+      "mount": "InsetPanel",
+      "category": "layout",
+      "purpose": "Reusable inset panel component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InsetPanel.wrn"
+    },
+    {
+      "name": "IntegerInput",
+      "mount": "IntegerInput",
+      "category": "forms",
+      "purpose": "Reusable integer input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Integer\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IntegerInput.wrn"
+    },
+    {
+      "name": "IntegrationCard",
+      "mount": "IntegrationCard",
+      "category": "content",
+      "purpose": "Reusable integration card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IntegrationCard.wrn"
+    },
+    {
+      "name": "InvoiceLineItem",
+      "mount": "InvoiceLineItem",
+      "category": "content",
+      "purpose": "Reusable invoice line item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InvoiceLineItem.wrn"
+    },
+    {
+      "name": "InvoiceSummary",
+      "mount": "InvoiceSummary",
+      "category": "content",
+      "purpose": "Reusable invoice summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/InvoiceSummary.wrn"
+    },
+    {
+      "name": "IpAddressInput",
+      "mount": "IpAddressInput",
+      "category": "forms",
+      "purpose": "Reusable ip address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"IpAddress\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/IpAddressInput.wrn"
+    },
+    {
+      "name": "JobCard",
+      "mount": "JobCard",
+      "category": "content",
+      "purpose": "Reusable job card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobCard.wrn"
+    },
+    {
+      "name": "JobProgress",
+      "mount": "JobProgress",
+      "category": "visualization",
+      "purpose": "Reusable job progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobProgress.wrn"
+    },
+    {
+      "name": "JobTitleInput",
+      "mount": "JobTitleInput",
+      "category": "forms",
+      "purpose": "Reusable job title input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"JobTitle\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JobTitleInput.wrn"
+    },
+    {
+      "name": "JsonInput",
+      "mount": "JsonInput",
+      "category": "forms",
+      "purpose": "Reusable json input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Json\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JsonInput.wrn"
+    },
+    {
+      "name": "JsonViewer",
+      "mount": "JsonViewer",
+      "category": "content",
+      "purpose": "Reusable json viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/JsonViewer.wrn"
+    },
+    {
+      "name": "KeyValueTable",
+      "mount": "KeyValueTable",
+      "category": "data",
+      "purpose": "Reusable key value table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/KeyValueTable.wrn"
+    },
+    {
+      "name": "KycDocumentUpload",
+      "mount": "KycDocumentUpload",
+      "category": "content",
+      "purpose": "Reusable kyc document upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/KycDocumentUpload.wrn"
+    },
+    {
+      "name": "LanguageSelector",
+      "mount": "LanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Language\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LanguageSelector.wrn"
+    },
+    {
+      "name": "LanguageSwitcher",
+      "mount": "LanguageSwitcher",
+      "category": "content",
+      "purpose": "Reusable language switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LanguageSwitcher.wrn"
+    },
+    {
+      "name": "LastNameInput",
+      "mount": "LastNameInput",
+      "category": "forms",
+      "purpose": "Reusable last name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LastName\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LastNameInput.wrn"
+    },
+    {
+      "name": "LatencyMetric",
+      "mount": "LatencyMetric",
+      "category": "visualization",
+      "purpose": "Reusable latency metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LatencyMetric.wrn"
+    },
+    {
+      "name": "LatitudeInput",
+      "mount": "LatitudeInput",
+      "category": "forms",
+      "purpose": "Reusable latitude input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Latitude\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LatitudeInput.wrn"
+    },
+    {
+      "name": "LeadershipGrid",
+      "mount": "LeadershipGrid",
+      "category": "data",
+      "purpose": "Reusable leadership grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LeadershipGrid.wrn"
+    },
+    {
+      "name": "LeadText",
+      "mount": "LeadText",
+      "category": "content",
+      "purpose": "Reusable lead text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LeadText.wrn"
+    },
+    {
+      "name": "LegalAcceptanceNotice",
+      "mount": "LegalAcceptanceNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal acceptance notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalAcceptance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalAcceptanceNotice.wrn"
+    },
+    {
+      "name": "LegalBulletList",
+      "mount": "LegalBulletList",
+      "category": "data",
+      "purpose": "Reusable legal bullet list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalBulletList.wrn"
+    },
+    {
+      "name": "LegalContactBlock",
+      "mount": "LegalContactBlock",
+      "category": "content",
+      "purpose": "Reusable legal contact block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalContactBlock.wrn"
+    },
+    {
+      "name": "LegalDefinitionList",
+      "mount": "LegalDefinitionList",
+      "category": "data",
+      "purpose": "Reusable legal definition list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalDefinitionList.wrn"
+    },
+    {
+      "name": "LegalDocumentHeader",
+      "mount": "LegalDocumentHeader",
+      "category": "layout",
+      "purpose": "Reusable legal document header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalDocumentHeader.wrn"
+    },
+    {
+      "name": "LegalDocumentLayout",
+      "mount": "LegalDocumentLayout",
+      "category": "layout",
+      "purpose": "Reusable legal document layout component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Legal document\""
+        },
+        {
+          "name": "effectiveDate",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "updatedDate",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["toc", "default"],
+      "events": [],
+      "source": "components/LegalDocumentLayout.wrn"
+    },
+    {
+      "name": "LegalHero",
+      "mount": "LegalHero",
+      "category": "layout",
+      "purpose": "Reusable legal hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalHero.wrn"
+    },
+    {
+      "name": "LegalLanguageSelector",
+      "mount": "LegalLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable legal language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalLanguage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalLanguageSelector.wrn"
+    },
+    {
+      "name": "LegalNotice",
+      "mount": "LegalNotice",
+      "category": "feedback",
+      "purpose": "Reusable legal notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Legal\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalNotice.wrn"
+    },
+    {
+      "name": "LegalPageShell",
+      "mount": "LegalPageShell",
+      "category": "layout",
+      "purpose": "Reusable legal page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["navigation", "default"],
+      "events": [],
+      "source": "components/LegalPageShell.wrn"
+    },
+    {
+      "name": "LegalPrintButton",
+      "mount": "LegalPrintButton",
+      "category": "actions",
+      "purpose": "Reusable legal print button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalPrintButton.wrn"
+    },
+    {
+      "name": "LegalRegionSelector",
+      "mount": "LegalRegionSelector",
+      "category": "forms",
+      "purpose": "Reusable legal region selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalRegion\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalRegionSelector.wrn"
+    },
+    {
+      "name": "LegalSection",
+      "mount": "LegalSection",
+      "category": "layout",
+      "purpose": "Reusable legal section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalSection.wrn"
+    },
+    {
+      "name": "LegalSummary",
+      "mount": "LegalSummary",
+      "category": "content",
+      "purpose": "Reusable legal summary component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalSummary.wrn"
+    },
+    {
+      "name": "LegalTable",
+      "mount": "LegalTable",
+      "category": "data",
+      "purpose": "Reusable legal table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalTable.wrn"
+    },
+    {
+      "name": "LegalTableOfContents",
+      "mount": "LegalTableOfContents",
+      "category": "core",
+      "purpose": "Reusable legal table of contents component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"On this page\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/LegalTableOfContents.wrn"
+    },
+    {
+      "name": "LegalVersionBadge",
+      "mount": "LegalVersionBadge",
+      "category": "feedback",
+      "purpose": "Reusable legal version badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LegalVersion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LegalVersionBadge.wrn"
+    },
+    {
+      "name": "LetterSpacingPicker",
+      "mount": "LetterSpacingPicker",
+      "category": "forms",
+      "purpose": "Reusable letter spacing picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LetterSpacing\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LetterSpacingPicker.wrn"
+    },
+    {
+      "name": "LicenseKeyInput",
+      "mount": "LicenseKeyInput",
+      "category": "forms",
+      "purpose": "Reusable license key input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LicenseKey\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LicenseKeyInput.wrn"
+    },
+    {
+      "name": "Lightbox",
+      "mount": "Lightbox",
+      "category": "overlays",
+      "purpose": "Reusable lightbox component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Lightbox.wrn"
+    },
+    {
+      "name": "LineChart",
+      "mount": "LineChart",
+      "category": "visualization",
+      "purpose": "Reusable line chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LineChart.wrn"
+    },
+    {
+      "name": "LineHeightPicker",
+      "mount": "LineHeightPicker",
+      "category": "forms",
+      "purpose": "Reusable line height picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"LineHeight\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LineHeightPicker.wrn"
+    },
+    {
+      "name": "Link",
+      "mount": "Link",
+      "category": "core",
+      "purpose": "Reusable link component.",
+      "props": [
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Link\""
+        },
+        {
+          "name": "external",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Link.wrn"
+    },
+    {
+      "name": "LinkButton",
+      "mount": "LinkButton",
+      "category": "actions",
+      "purpose": "Reusable link button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LinkButton.wrn"
+    },
+    {
+      "name": "List",
+      "mount": "List",
+      "category": "data",
+      "purpose": "Reusable list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/List.wrn"
+    },
+    {
+      "name": "LoadingButton",
+      "mount": "LoadingButton",
+      "category": "actions",
+      "purpose": "Reusable loading button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Continue\""
+        },
+        {
+          "name": "loadingLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Loading…\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/LoadingButton.wrn"
+    },
+    {
+      "name": "LocaleSelector",
+      "mount": "LocaleSelector",
+      "category": "forms",
+      "purpose": "Reusable locale selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Locale\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocaleSelector.wrn"
+    },
+    {
+      "name": "LocalizedRouteLink",
+      "mount": "LocalizedRouteLink",
+      "category": "actions",
+      "purpose": "Reusable localized route link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocalizedRouteLink.wrn"
+    },
+    {
+      "name": "LocationPicker",
+      "mount": "LocationPicker",
+      "category": "forms",
+      "purpose": "Reusable location picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Location\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LocationPicker.wrn"
+    },
+    {
+      "name": "Logo",
+      "mount": "Logo",
+      "category": "content",
+      "purpose": "Reusable logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Logo.wrn"
+    },
+    {
+      "name": "LogoCloud",
+      "mount": "LogoCloud",
+      "category": "core",
+      "purpose": "Reusable logo cloud component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Trusted by modern teams\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoCloud.wrn"
+    },
+    {
+      "name": "LogoUpload",
+      "mount": "LogoUpload",
+      "category": "content",
+      "purpose": "Reusable logo upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoUpload.wrn"
+    },
+    {
+      "name": "LogoutDialog",
+      "mount": "LogoutDialog",
+      "category": "overlays",
+      "purpose": "Reusable logout dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogoutDialog.wrn"
+    },
+    {
+      "name": "LogTable",
+      "mount": "LogTable",
+      "category": "data",
+      "purpose": "Reusable log table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LogTable.wrn"
+    },
+    {
+      "name": "LongitudeInput",
+      "mount": "LongitudeInput",
+      "category": "forms",
+      "purpose": "Reusable longitude input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Longitude\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/LongitudeInput.wrn"
+    },
+    {
+      "name": "MaintenanceAlert",
+      "mount": "MaintenanceAlert",
+      "category": "feedback",
+      "purpose": "Reusable maintenance alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceAlert.wrn"
+    },
+    {
+      "name": "MaintenanceBanner",
+      "mount": "MaintenanceBanner",
+      "category": "feedback",
+      "purpose": "Reusable maintenance banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceBanner.wrn"
+    },
+    {
+      "name": "MaintenanceCard",
+      "mount": "MaintenanceCard",
+      "category": "content",
+      "purpose": "Reusable maintenance card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceCard.wrn"
+    },
+    {
+      "name": "MaintenancePage",
+      "mount": "MaintenancePage",
+      "category": "content",
+      "purpose": "Reusable maintenance page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenancePage.wrn"
+    },
+    {
+      "name": "MaintenanceState",
+      "mount": "MaintenanceState",
+      "category": "feedback",
+      "purpose": "Reusable maintenance state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Maintenance\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceState.wrn"
+    },
+    {
+      "name": "MaintenanceWindowPicker",
+      "mount": "MaintenanceWindowPicker",
+      "category": "forms",
+      "purpose": "Reusable maintenance window picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MaintenanceWindow\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaintenanceWindowPicker.wrn"
+    },
+    {
+      "name": "MapPicker",
+      "mount": "MapPicker",
+      "category": "forms",
+      "purpose": "Reusable map picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Map\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MapPicker.wrn"
+    },
+    {
+      "name": "MarkdownEditor",
+      "mount": "MarkdownEditor",
+      "category": "forms",
+      "purpose": "Reusable markdown editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Markdown\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarkdownEditor.wrn"
+    },
+    {
+      "name": "MarketingPageShell",
+      "mount": "MarketingPageShell",
+      "category": "layout",
+      "purpose": "Reusable marketing page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarketingPageShell.wrn"
+    },
+    {
+      "name": "MarketingSectionHeader",
+      "mount": "MarketingSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable marketing section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MarketingSectionHeader.wrn"
+    },
+    {
+      "name": "MaskedSecretField",
+      "mount": "MaskedSecretField",
+      "category": "forms",
+      "purpose": "Reusable masked secret field component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MaskedSecret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MaskedSecretField.wrn"
+    },
+    {
+      "name": "MegaMenu",
+      "mount": "MegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable mega menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Explore\""
+        },
+        {
+          "name": "sections",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/MegaMenu.wrn"
+    },
+    {
+      "name": "MemberList",
+      "mount": "MemberList",
+      "category": "data",
+      "purpose": "Reusable member list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MemberList.wrn"
+    },
+    {
+      "name": "MentionInput",
+      "mount": "MentionInput",
+      "category": "forms",
+      "purpose": "Reusable mention input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Mention\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MentionInput.wrn"
+    },
+    {
+      "name": "MessageCharacterCounter",
+      "mount": "MessageCharacterCounter",
+      "category": "feedback",
+      "purpose": "Reusable message character counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MessageCharacter\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageCharacterCounter.wrn"
+    },
+    {
+      "name": "MessageComposer",
+      "mount": "MessageComposer",
+      "category": "content",
+      "purpose": "Reusable message composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageComposer.wrn"
+    },
+    {
+      "name": "MessageComposerPreview",
+      "mount": "MessageComposerPreview",
+      "category": "content",
+      "purpose": "Reusable message composer preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageComposerPreview.wrn"
+    },
+    {
+      "name": "MessageLimitInput",
+      "mount": "MessageLimitInput",
+      "category": "forms",
+      "purpose": "Reusable message limit input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MessageLimit\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageLimitInput.wrn"
+    },
+    {
+      "name": "MessagePreview",
+      "mount": "MessagePreview",
+      "category": "content",
+      "purpose": "Reusable message preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessagePreview.wrn"
+    },
+    {
+      "name": "MessageVolumeSlider",
+      "mount": "MessageVolumeSlider",
+      "category": "content",
+      "purpose": "Reusable message volume slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MessageVolumeSlider.wrn"
+    },
+    {
+      "name": "Metric",
+      "mount": "Metric",
+      "category": "visualization",
+      "purpose": "Reusable metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Metric.wrn"
+    },
+    {
+      "name": "MetricCard",
+      "mount": "MetricCard",
+      "category": "content",
+      "purpose": "Reusable metric card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MetricCard.wrn"
+    },
+    {
+      "name": "MetricGrid",
+      "mount": "MetricGrid",
+      "category": "data",
+      "purpose": "Reusable metric grid component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Key metrics\""
+        },
+        {
+          "name": "metrics",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/MetricGrid.wrn"
+    },
+    {
+      "name": "MetricText",
+      "mount": "MetricText",
+      "category": "content",
+      "purpose": "Reusable metric text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MetricText.wrn"
+    },
+    {
+      "name": "MinutePicker",
+      "mount": "MinutePicker",
+      "category": "forms",
+      "purpose": "Reusable minute picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Minute\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MinutePicker.wrn"
+    },
+    {
+      "name": "MissionSection",
+      "mount": "MissionSection",
+      "category": "layout",
+      "purpose": "Reusable mission section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MissionSection.wrn"
+    },
+    {
+      "name": "MobileDeviceFrame",
+      "mount": "MobileDeviceFrame",
+      "category": "layout",
+      "purpose": "Reusable mobile device frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileDeviceFrame.wrn"
+    },
+    {
+      "name": "MobileInput",
+      "mount": "MobileInput",
+      "category": "forms",
+      "purpose": "Reusable mobile input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Mobile\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileInput.wrn"
+    },
+    {
+      "name": "MobileMenuButton",
+      "mount": "MobileMenuButton",
+      "category": "actions",
+      "purpose": "Reusable mobile menu button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileMenuButton.wrn"
+    },
+    {
+      "name": "MobileNavigation",
+      "mount": "MobileNavigation",
+      "category": "layout",
+      "purpose": "Reusable mobile navigation component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Menu\""
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close menu\""
+        },
+        {
+          "name": "items",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/MobileNavigation.wrn"
+    },
+    {
+      "name": "MobileTableCard",
+      "mount": "MobileTableCard",
+      "category": "content",
+      "purpose": "Reusable mobile table card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MobileTableCard.wrn"
+    },
+    {
+      "name": "Modal",
+      "mount": "Modal",
+      "category": "core",
+      "purpose": "Reusable modal component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Dialog\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        }
+      ],
+      "slots": ["default"],
+      "events": ["click"],
+      "source": "components/Modal.wrn"
+    },
+    {
+      "name": "MonthlyVolumeSelector",
+      "mount": "MonthlyVolumeSelector",
+      "category": "forms",
+      "purpose": "Reusable monthly volume selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MonthlyVolume\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthlyVolumeSelector.wrn"
+    },
+    {
+      "name": "MonthPicker",
+      "mount": "MonthPicker",
+      "category": "forms",
+      "purpose": "Reusable month picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Month\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthPicker.wrn"
+    },
+    {
+      "name": "MonthYearPicker",
+      "mount": "MonthYearPicker",
+      "category": "forms",
+      "purpose": "Reusable month year picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MonthYear\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MonthYearPicker.wrn"
+    },
+    {
+      "name": "MultiFileUpload",
+      "mount": "MultiFileUpload",
+      "category": "content",
+      "purpose": "Reusable multi file upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MultiFileUpload.wrn"
+    },
+    {
+      "name": "MultipleEmailInput",
+      "mount": "MultipleEmailInput",
+      "category": "forms",
+      "purpose": "Reusable multiple email input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"MultipleEmail\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MultipleEmailInput.wrn"
+    },
+    {
+      "name": "MultiSelect",
+      "mount": "MultiSelect",
+      "category": "core",
+      "purpose": "Reusable multi select component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"multi-select\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose options\""
+        },
+        {
+          "name": "options",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "required": false,
+          "default": "5"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/MultiSelect.wrn"
+    },
+    {
+      "name": "MutedText",
+      "mount": "MutedText",
+      "category": "content",
+      "purpose": "Reusable muted text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/MutedText.wrn"
+    },
+    {
+      "name": "NameInput",
+      "mount": "NameInput",
+      "category": "forms",
+      "purpose": "Reusable name input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Name\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NameInput.wrn"
+    },
+    {
+      "name": "NarrowContainer",
+      "mount": "NarrowContainer",
+      "category": "core",
+      "purpose": "Reusable narrow container component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NarrowContainer.wrn"
+    },
+    {
+      "name": "Navigation",
+      "mount": "Navigation",
+      "category": "layout",
+      "purpose": "Reusable navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Navigation.wrn"
+    },
+    {
+      "name": "NavigationItem",
+      "mount": "NavigationItem",
+      "category": "content",
+      "purpose": "Reusable navigation item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NavigationItem.wrn"
+    },
+    {
+      "name": "NavigationMegaMenu",
+      "mount": "NavigationMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable navigation mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NavigationMegaMenu.wrn"
+    },
+    {
+      "name": "NewBadge",
+      "mount": "NewBadge",
+      "category": "feedback",
+      "purpose": "Reusable new badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"New\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewBadge.wrn"
+    },
+    {
+      "name": "NewPasswordInput",
+      "mount": "NewPasswordInput",
+      "category": "forms",
+      "purpose": "Reusable new password input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NewPassword\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewPasswordInput.wrn"
+    },
+    {
+      "name": "NewsletterCTA",
+      "mount": "NewsletterCTA",
+      "category": "actions",
+      "purpose": "Reusable newsletter c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewsletterCTA.wrn"
+    },
+    {
+      "name": "NewsletterForm",
+      "mount": "NewsletterForm",
+      "category": "content",
+      "purpose": "Reusable newsletter form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NewsletterForm.wrn"
+    },
+    {
+      "name": "NoResultsState",
+      "mount": "NoResultsState",
+      "category": "feedback",
+      "purpose": "Reusable no results state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NoResults\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NoResultsState.wrn"
+    },
+    {
+      "name": "NotFoundPage",
+      "mount": "NotFoundPage",
+      "category": "content",
+      "purpose": "Reusable not found page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotFoundPage.wrn"
+    },
+    {
+      "name": "NotFoundState",
+      "mount": "NotFoundState",
+      "category": "feedback",
+      "purpose": "Reusable not found state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"NotFound\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotFoundState.wrn"
+    },
+    {
+      "name": "NotificationCard",
+      "mount": "NotificationCard",
+      "category": "content",
+      "purpose": "Reusable notification card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationCard.wrn"
+    },
+    {
+      "name": "NotificationDot",
+      "mount": "NotificationDot",
+      "category": "core",
+      "purpose": "Reusable notification dot component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Notification\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationDot.wrn"
+    },
+    {
+      "name": "NotificationList",
+      "mount": "NotificationList",
+      "category": "data",
+      "purpose": "Reusable notification list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/NotificationList.wrn"
+    },
+    {
+      "name": "NumberInput",
+      "mount": "NumberInput",
+      "category": "forms",
+      "purpose": "Reusable number input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Number\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/NumberInput.wrn"
+    },
+    {
+      "name": "OfficeCard",
+      "mount": "OfficeCard",
+      "category": "content",
+      "purpose": "Reusable office card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfficeCard.wrn"
+    },
+    {
+      "name": "OfflinePage",
+      "mount": "OfflinePage",
+      "category": "content",
+      "purpose": "Reusable offline page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfflinePage.wrn"
+    },
+    {
+      "name": "OfflineState",
+      "mount": "OfflineState",
+      "category": "feedback",
+      "purpose": "Reusable offline state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Offline\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OfflineState.wrn"
+    },
+    {
+      "name": "OnboardingProgress",
+      "mount": "OnboardingProgress",
+      "category": "visualization",
+      "purpose": "Reusable onboarding progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OnboardingProgress.wrn"
+    },
+    {
+      "name": "OneTimeSecretDisplay",
+      "mount": "OneTimeSecretDisplay",
+      "category": "content",
+      "purpose": "Reusable one time secret display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OneTimeSecretDisplay.wrn"
+    },
+    {
+      "name": "OnlineIndicator",
+      "mount": "OnlineIndicator",
+      "category": "feedback",
+      "purpose": "Reusable online indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Online\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OnlineIndicator.wrn"
+    },
+    {
+      "name": "OpacitySlider",
+      "mount": "OpacitySlider",
+      "category": "content",
+      "purpose": "Reusable opacity slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OpacitySlider.wrn"
+    },
+    {
+      "name": "OpenAPICTA",
+      "mount": "OpenAPICTA",
+      "category": "actions",
+      "purpose": "Reusable open a p i c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OpenAPICTA.wrn"
+    },
+    {
+      "name": "OptionalIndicator",
+      "mount": "OptionalIndicator",
+      "category": "feedback",
+      "purpose": "Reusable optional indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Optional\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OptionalIndicator.wrn"
+    },
+    {
+      "name": "OrganizationSelector",
+      "mount": "OrganizationSelector",
+      "category": "forms",
+      "purpose": "Reusable organization selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Organization\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OrganizationSelector.wrn"
+    },
+    {
+      "name": "OtpInput",
+      "mount": "OtpInput",
+      "category": "forms",
+      "purpose": "Reusable otp input component.",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"otp\""
+        },
+        {
+          "name": "length",
+          "type": "number",
+          "required": false,
+          "default": "6"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Verification code\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/OtpInput.wrn"
+    },
+    {
+      "name": "OtpVerificationForm",
+      "mount": "OtpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable otp verification form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OtpVerificationForm.wrn"
+    },
+    {
+      "name": "OutlinedCard",
+      "mount": "OutlinedCard",
+      "category": "content",
+      "purpose": "Reusable outlined card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/OutlinedCard.wrn"
+    },
+    {
+      "name": "PageAlert",
+      "mount": "PageAlert",
+      "category": "feedback",
+      "purpose": "Reusable page alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Page\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageAlert.wrn"
+    },
+    {
+      "name": "PageHeading",
+      "mount": "PageHeading",
+      "category": "core",
+      "purpose": "Reusable page heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageHeading.wrn"
+    },
+    {
+      "name": "PageShell",
+      "mount": "PageShell",
+      "category": "core",
+      "purpose": "Reusable page shell component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageShell.wrn"
+    },
+    {
+      "name": "PageSkeleton",
+      "mount": "PageSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable page skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Page\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PageSkeleton.wrn"
+    },
+    {
+      "name": "Pagination",
+      "mount": "Pagination",
+      "category": "core",
+      "purpose": "Reusable pagination component.",
+      "props": [
+        {
+          "name": "page",
+          "type": "number",
+          "required": false,
+          "default": "1"
+        },
+        {
+          "name": "totalPages",
+          "type": "number",
+          "required": false,
+          "default": "1"
+        },
+        {
+          "name": "previousHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "nextHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Pagination.wrn"
+    },
+    {
+      "name": "Panel",
+      "mount": "Panel",
+      "category": "layout",
+      "purpose": "Reusable panel component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Panel.wrn"
+    },
+    {
+      "name": "PartnerApplicationForm",
+      "mount": "PartnerApplicationForm",
+      "category": "content",
+      "purpose": "Reusable partner application form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerApplicationForm.wrn"
+    },
+    {
+      "name": "PartnerLogoGrid",
+      "mount": "PartnerLogoGrid",
+      "category": "data",
+      "purpose": "Reusable partner logo grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerLogoGrid.wrn"
+    },
+    {
+      "name": "PartnerProgramCard",
+      "mount": "PartnerProgramCard",
+      "category": "content",
+      "purpose": "Reusable partner program card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PartnerProgramCard.wrn"
+    },
+    {
+      "name": "PasskeyButton",
+      "mount": "PasskeyButton",
+      "category": "actions",
+      "purpose": "Reusable passkey button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasskeyButton.wrn"
+    },
+    {
+      "name": "PasswordInput",
+      "mount": "PasswordInput",
+      "category": "forms",
+      "purpose": "Reusable password input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Password\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PasswordInput.wrn"
+    },
+    {
+      "name": "PasswordRequirementList",
+      "mount": "PasswordRequirementList",
+      "category": "data",
+      "purpose": "Reusable password requirement list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordRequirementList.wrn"
+    },
+    {
+      "name": "PasswordStrengthMeter",
+      "mount": "PasswordStrengthMeter",
+      "category": "visualization",
+      "purpose": "Reusable password strength meter component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordStrengthMeter.wrn"
+    },
+    {
+      "name": "PasswordVisibilityToggle",
+      "mount": "PasswordVisibilityToggle",
+      "category": "forms",
+      "purpose": "Reusable password visibility toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PasswordVisibility\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PasswordVisibilityToggle.wrn"
+    },
+    {
+      "name": "PathInput",
+      "mount": "PathInput",
+      "category": "forms",
+      "purpose": "Reusable path input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Path\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PathInput.wrn"
+    },
+    {
+      "name": "PaymentMethodCard",
+      "mount": "PaymentMethodCard",
+      "category": "content",
+      "purpose": "Reusable payment method card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PaymentMethodCard.wrn"
+    },
+    {
+      "name": "PdfPreview",
+      "mount": "PdfPreview",
+      "category": "content",
+      "purpose": "Reusable pdf preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PdfPreview.wrn"
+    },
+    {
+      "name": "PercentageInput",
+      "mount": "PercentageInput",
+      "category": "forms",
+      "purpose": "Reusable percentage input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Percentage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PercentageInput.wrn"
+    },
+    {
+      "name": "PermissionSelector",
+      "mount": "PermissionSelector",
+      "category": "forms",
+      "purpose": "Reusable permission selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Permission\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PermissionSelector.wrn"
+    },
+    {
+      "name": "PhoneInput",
+      "mount": "PhoneInput",
+      "category": "forms",
+      "purpose": "Reusable phone input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Phone\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PhoneInput.wrn"
+    },
+    {
+      "name": "PieChart",
+      "mount": "PieChart",
+      "category": "visualization",
+      "purpose": "Reusable pie chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PieChart.wrn"
+    },
+    {
+      "name": "Pill",
+      "mount": "Pill",
+      "category": "core",
+      "purpose": "Reusable pill component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pill\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Pill.wrn"
+    },
+    {
+      "name": "PinInput",
+      "mount": "PinInput",
+      "category": "forms",
+      "purpose": "Reusable pin input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pin\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PinInput.wrn"
+    },
+    {
+      "name": "PlainTextEditor",
+      "mount": "PlainTextEditor",
+      "category": "forms",
+      "purpose": "Reusable plain text editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PlainText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlainTextEditor.wrn"
+    },
+    {
+      "name": "PlanCTA",
+      "mount": "PlanCTA",
+      "category": "actions",
+      "purpose": "Reusable plan c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanCTA.wrn"
+    },
+    {
+      "name": "PlanFeatureList",
+      "mount": "PlanFeatureList",
+      "category": "data",
+      "purpose": "Reusable plan feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanFeatureList.wrn"
+    },
+    {
+      "name": "PlanLimitList",
+      "mount": "PlanLimitList",
+      "category": "data",
+      "purpose": "Reusable plan limit list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanLimitList.wrn"
+    },
+    {
+      "name": "PlanSelector",
+      "mount": "PlanSelector",
+      "category": "forms",
+      "purpose": "Reusable plan selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Plan\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlanSelector.wrn"
+    },
+    {
+      "name": "PlatformPillarCard",
+      "mount": "PlatformPillarCard",
+      "category": "content",
+      "purpose": "Reusable platform pillar card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PlatformPillarCard.wrn"
+    },
+    {
+      "name": "PolicyVersionTable",
+      "mount": "PolicyVersionTable",
+      "category": "data",
+      "purpose": "Reusable policy version table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PolicyVersionTable.wrn"
+    },
+    {
+      "name": "Popover",
+      "mount": "Popover",
+      "category": "overlays",
+      "purpose": "Reusable popover component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Popover.wrn"
+    },
+    {
+      "name": "PortInput",
+      "mount": "PortInput",
+      "category": "forms",
+      "purpose": "Reusable port input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Port\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PortInput.wrn"
+    },
+    {
+      "name": "PortNumberInput",
+      "mount": "PortNumberInput",
+      "category": "forms",
+      "purpose": "Reusable port number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PortNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PortNumberInput.wrn"
+    },
+    {
+      "name": "PositiveNumberInput",
+      "mount": "PositiveNumberInput",
+      "category": "forms",
+      "purpose": "Reusable positive number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PositiveNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PositiveNumberInput.wrn"
+    },
+    {
+      "name": "PostalCodeInput",
+      "mount": "PostalCodeInput",
+      "category": "forms",
+      "purpose": "Reusable postal code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PostalCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PostalCodeInput.wrn"
+    },
+    {
+      "name": "PostmanCTA",
+      "mount": "PostmanCTA",
+      "category": "actions",
+      "purpose": "Reusable postman c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PostmanCTA.wrn"
+    },
+    {
+      "name": "PresetDateRangePicker",
+      "mount": "PresetDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable preset date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PresetDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PresetDateRangePicker.wrn"
+    },
+    {
+      "name": "PressReleaseCard",
+      "mount": "PressReleaseCard",
+      "category": "content",
+      "purpose": "Reusable press release card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PressReleaseCard.wrn"
+    },
+    {
+      "name": "PreviewBadge",
+      "mount": "PreviewBadge",
+      "category": "feedback",
+      "purpose": "Reusable preview badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Preview\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PreviewBadge.wrn"
+    },
+    {
+      "name": "PreviousNextNavigation",
+      "mount": "PreviousNextNavigation",
+      "category": "layout",
+      "purpose": "Reusable previous next navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PreviousNextNavigation.wrn"
+    },
+    {
+      "name": "PriceInput",
+      "mount": "PriceInput",
+      "category": "forms",
+      "purpose": "Reusable price input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Price\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceInput.wrn"
+    },
+    {
+      "name": "PriceRangeSlider",
+      "mount": "PriceRangeSlider",
+      "category": "content",
+      "purpose": "Reusable price range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceRangeSlider.wrn"
+    },
+    {
+      "name": "PriceText",
+      "mount": "PriceText",
+      "category": "content",
+      "purpose": "Reusable price text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PriceText.wrn"
+    },
+    {
+      "name": "PricingCard",
+      "mount": "PricingCard",
+      "category": "content",
+      "purpose": "Reusable pricing card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingCard.wrn"
+    },
+    {
+      "name": "PricingComparisonTable",
+      "mount": "PricingComparisonTable",
+      "category": "data",
+      "purpose": "Reusable pricing comparison table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Plan comparison\""
+        },
+        {
+          "name": "plans",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "features",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/PricingComparisonTable.wrn"
+    },
+    {
+      "name": "PricingContactForm",
+      "mount": "PricingContactForm",
+      "category": "content",
+      "purpose": "Reusable pricing contact form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingContactForm.wrn"
+    },
+    {
+      "name": "PricingFeatureGroup",
+      "mount": "PricingFeatureGroup",
+      "category": "forms",
+      "purpose": "Reusable pricing feature group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PricingFeature\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingFeatureGroup.wrn"
+    },
+    {
+      "name": "PricingGrid",
+      "mount": "PricingGrid",
+      "category": "data",
+      "purpose": "Reusable pricing grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingGrid.wrn"
+    },
+    {
+      "name": "PricingHero",
+      "mount": "PricingHero",
+      "category": "layout",
+      "purpose": "Reusable pricing hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingHero.wrn"
+    },
+    {
+      "name": "PricingPlanCard",
+      "mount": "PricingPlanCard",
+      "category": "content",
+      "purpose": "Reusable pricing plan card component.",
+      "props": [
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"Starter\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "price",
+          "type": "string",
+          "required": false,
+          "default": "\"₹0\""
+        },
+        {
+          "name": "period",
+          "type": "string",
+          "required": false,
+          "default": "\"/month\""
+        },
+        {
+          "name": "featured",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "ctaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose plan\""
+        },
+        {
+          "name": "ctaHref",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingPlanCard.wrn"
+    },
+    {
+      "name": "PricingTable",
+      "mount": "PricingTable",
+      "category": "data",
+      "purpose": "Reusable pricing table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingTable.wrn"
+    },
+    {
+      "name": "PricingToggle",
+      "mount": "PricingToggle",
+      "category": "forms",
+      "purpose": "Reusable pricing toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Pricing\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PricingToggle.wrn"
+    },
+    {
+      "name": "PrimaryButton",
+      "mount": "PrimaryButton",
+      "category": "actions",
+      "purpose": "Reusable primary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrimaryButton.wrn"
+    },
+    {
+      "name": "PrintAction",
+      "mount": "PrintAction",
+      "category": "actions",
+      "purpose": "Reusable print action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrintAction.wrn"
+    },
+    {
+      "name": "PrintPolicyButton",
+      "mount": "PrintPolicyButton",
+      "category": "actions",
+      "purpose": "Reusable print policy button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrintPolicyButton.wrn"
+    },
+    {
+      "name": "PrioritySelector",
+      "mount": "PrioritySelector",
+      "category": "forms",
+      "purpose": "Reusable priority selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Priority\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrioritySelector.wrn"
+    },
+    {
+      "name": "PrivacyNotice",
+      "mount": "PrivacyNotice",
+      "category": "feedback",
+      "purpose": "Reusable privacy notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Privacy\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PrivacyNotice.wrn"
+    },
+    {
+      "name": "ProductArchitectureDiagram",
+      "mount": "ProductArchitectureDiagram",
+      "category": "visualization",
+      "purpose": "Reusable product architecture diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductArchitectureDiagram.wrn"
+    },
+    {
+      "name": "ProductCard",
+      "mount": "ProductCard",
+      "category": "content",
+      "purpose": "Reusable product card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"Product\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Product name\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"#\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProductCard.wrn"
+    },
+    {
+      "name": "ProductCategorySection",
+      "mount": "ProductCategorySection",
+      "category": "layout",
+      "purpose": "Reusable product category section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductCategorySection.wrn"
+    },
+    {
+      "name": "ProductCTA",
+      "mount": "ProductCTA",
+      "category": "actions",
+      "purpose": "Reusable product c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductCTA.wrn"
+    },
+    {
+      "name": "ProductFeatureList",
+      "mount": "ProductFeatureList",
+      "category": "data",
+      "purpose": "Reusable product feature list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductFeatureList.wrn"
+    },
+    {
+      "name": "ProductGrid",
+      "mount": "ProductGrid",
+      "category": "data",
+      "purpose": "Reusable product grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductGrid.wrn"
+    },
+    {
+      "name": "ProductHero",
+      "mount": "ProductHero",
+      "category": "layout",
+      "purpose": "Reusable product hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductHero.wrn"
+    },
+    {
+      "name": "ProductIcon",
+      "mount": "ProductIcon",
+      "category": "content",
+      "purpose": "Reusable product icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductIcon.wrn"
+    },
+    {
+      "name": "ProductIntegrationList",
+      "mount": "ProductIntegrationList",
+      "category": "data",
+      "purpose": "Reusable product integration list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductIntegrationList.wrn"
+    },
+    {
+      "name": "ProductList",
+      "mount": "ProductList",
+      "category": "data",
+      "purpose": "Reusable product list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductList.wrn"
+    },
+    {
+      "name": "ProductLogo",
+      "mount": "ProductLogo",
+      "category": "content",
+      "purpose": "Reusable product logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductLogo.wrn"
+    },
+    {
+      "name": "ProductMiniCard",
+      "mount": "ProductMiniCard",
+      "category": "content",
+      "purpose": "Reusable product mini card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductMiniCard.wrn"
+    },
+    {
+      "name": "ProductNavigationCard",
+      "mount": "ProductNavigationCard",
+      "category": "content",
+      "purpose": "Reusable product navigation card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductNavigationCard.wrn"
+    },
+    {
+      "name": "ProductPageShell",
+      "mount": "ProductPageShell",
+      "category": "layout",
+      "purpose": "Reusable product page shell component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductPageShell.wrn"
+    },
+    {
+      "name": "ProductSelector",
+      "mount": "ProductSelector",
+      "category": "forms",
+      "purpose": "Reusable product selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Product\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductSelector.wrn"
+    },
+    {
+      "name": "ProductsMegaMenu",
+      "mount": "ProductsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable products mega menu component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Products\""
+        },
+        {
+          "name": "sections",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProductsMegaMenu.wrn"
+    },
+    {
+      "name": "ProductStatusBadge",
+      "mount": "ProductStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable product status badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ProductStatus\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductStatusBadge.wrn"
+    },
+    {
+      "name": "ProductUseCaseList",
+      "mount": "ProductUseCaseList",
+      "category": "data",
+      "purpose": "Reusable product use case list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProductUseCaseList.wrn"
+    },
+    {
+      "name": "progress",
+      "mount": "progress",
+      "category": "core",
+      "purpose": "Reusable progress component.",
+      "props": [
+        {
+          "name": "value",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "100"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/progress.wrn"
+    },
+    {
+      "name": "ProgressBar",
+      "mount": "ProgressBar",
+      "category": "core",
+      "purpose": "Reusable progress bar component.",
+      "props": [
+        {
+          "name": "value",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "required": false,
+          "default": "100"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Progress\""
+        },
+        {
+          "name": "showValue",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/ProgressBar.wrn"
+    },
+    {
+      "name": "ProgressChart",
+      "mount": "ProgressChart",
+      "category": "visualization",
+      "purpose": "Reusable progress chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressChart.wrn"
+    },
+    {
+      "name": "ProgressRing",
+      "mount": "ProgressRing",
+      "category": "visualization",
+      "purpose": "Reusable progress ring component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressRing.wrn"
+    },
+    {
+      "name": "ProgressSlider",
+      "mount": "ProgressSlider",
+      "category": "content",
+      "purpose": "Reusable progress slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProgressSlider.wrn"
+    },
+    {
+      "name": "ProjectCard",
+      "mount": "ProjectCard",
+      "category": "content",
+      "purpose": "Reusable project card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectCard.wrn"
+    },
+    {
+      "name": "ProjectSelector",
+      "mount": "ProjectSelector",
+      "category": "forms",
+      "purpose": "Reusable project selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Project\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectSelector.wrn"
+    },
+    {
+      "name": "ProjectSwitcher",
+      "mount": "ProjectSwitcher",
+      "category": "content",
+      "purpose": "Reusable project switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProjectSwitcher.wrn"
+    },
+    {
+      "name": "PromoCodeInput",
+      "mount": "PromoCodeInput",
+      "category": "forms",
+      "purpose": "Reusable promo code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PromoCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PromoCodeInput.wrn"
+    },
+    {
+      "name": "PromptDialog",
+      "mount": "PromptDialog",
+      "category": "overlays",
+      "purpose": "Reusable prompt dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PromptDialog.wrn"
+    },
+    {
+      "name": "ProviderSelector",
+      "mount": "ProviderSelector",
+      "category": "forms",
+      "purpose": "Reusable provider selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Provider\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ProviderSelector.wrn"
+    },
+    {
+      "name": "PublicFooter",
+      "mount": "PublicFooter",
+      "category": "core",
+      "purpose": "Reusable public footer component.",
+      "props": [
+        {
+          "name": "brand",
+          "type": "string",
+          "required": false,
+          "default": "\"WRNexusJS\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"SSR-first, Bun-native full-stack framework.\""
+        },
+        {
+          "name": "copyright",
+          "type": "string",
+          "required": false,
+          "default": "\"© 2026 WorkRoot Workspace\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicFooter.wrn"
+    },
+    {
+      "name": "PublicHeader",
+      "mount": "PublicHeader",
+      "category": "layout",
+      "purpose": "Reusable public header component.",
+      "props": [
+        {
+          "name": "brand",
+          "type": "string",
+          "required": false,
+          "default": "\"WRNexusJS\""
+        },
+        {
+          "name": "homeHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/\""
+        },
+        {
+          "name": "signInHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/signin\""
+        },
+        {
+          "name": "ctaHref",
+          "type": "string",
+          "required": false,
+          "default": "\"/start\""
+        },
+        {
+          "name": "ctaLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Get started\""
+        }
+      ],
+      "slots": ["default", "mobile"],
+      "events": ["click"],
+      "source": "components/PublicHeader.wrn"
+    },
+    {
+      "name": "PublicHeaderLogo",
+      "mount": "PublicHeaderLogo",
+      "category": "content",
+      "purpose": "Reusable public header logo component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicHeaderLogo.wrn"
+    },
+    {
+      "name": "PublicPageShell",
+      "mount": "PublicPageShell",
+      "category": "layout",
+      "purpose": "Reusable public page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublicPageShell.wrn"
+    },
+    {
+      "name": "PublishDateTimePicker",
+      "mount": "PublishDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable publish date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PublishDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PublishDateTimePicker.wrn"
+    },
+    {
+      "name": "PushComposer",
+      "mount": "PushComposer",
+      "category": "content",
+      "purpose": "Reusable push composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PushComposer.wrn"
+    },
+    {
+      "name": "PushNotificationEditor",
+      "mount": "PushNotificationEditor",
+      "category": "forms",
+      "purpose": "Reusable push notification editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"PushNotification\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/PushNotificationEditor.wrn"
+    },
+    {
+      "name": "QrCode",
+      "mount": "QrCode",
+      "category": "content",
+      "purpose": "Reusable qr code component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QrCode.wrn"
+    },
+    {
+      "name": "QuantityInput",
+      "mount": "QuantityInput",
+      "category": "forms",
+      "purpose": "Reusable quantity input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Quantity\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuantityInput.wrn"
+    },
+    {
+      "name": "QuantityStepper",
+      "mount": "QuantityStepper",
+      "category": "content",
+      "purpose": "Reusable quantity stepper component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuantityStepper.wrn"
+    },
+    {
+      "name": "QuietHoursPicker",
+      "mount": "QuietHoursPicker",
+      "category": "forms",
+      "purpose": "Reusable quiet hours picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Quiet hours\""
+        },
+        {
+          "name": "startName",
+          "type": "string",
+          "required": false,
+          "default": "\"quietStart\""
+        },
+        {
+          "name": "endName",
+          "type": "string",
+          "required": false,
+          "default": "\"quietEnd\""
+        },
+        {
+          "name": "start",
+          "type": "string",
+          "required": false,
+          "default": "\"22:00\""
+        },
+        {
+          "name": "end",
+          "type": "string",
+          "required": false,
+          "default": "\"08:00\""
+        },
+        {
+          "name": "timezone",
+          "type": "string",
+          "required": false,
+          "default": "\"UTC\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/QuietHoursPicker.wrn"
+    },
+    {
+      "name": "QuoteText",
+      "mount": "QuoteText",
+      "category": "content",
+      "purpose": "Reusable quote text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/QuoteText.wrn"
+    },
+    {
+      "name": "Radio",
+      "mount": "Radio",
+      "category": "core",
+      "purpose": "Reusable radio component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"choice\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Option\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Radio.wrn"
+    },
+    {
+      "name": "RadioGroup",
+      "mount": "RadioGroup",
+      "category": "forms",
+      "purpose": "Reusable radio group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Choose one\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"choice\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RadioGroup.wrn"
+    },
+    {
+      "name": "RangeInput",
+      "mount": "RangeInput",
+      "category": "forms",
+      "purpose": "Reusable range input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Range\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RangeInput.wrn"
+    },
+    {
+      "name": "RangeSlider",
+      "mount": "RangeSlider",
+      "category": "content",
+      "purpose": "Reusable range slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RangeSlider.wrn"
+    },
+    {
+      "name": "RateLimitedState",
+      "mount": "RateLimitedState",
+      "category": "feedback",
+      "purpose": "Reusable rate limited state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RateLimited\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitedState.wrn"
+    },
+    {
+      "name": "RateLimitInput",
+      "mount": "RateLimitInput",
+      "category": "forms",
+      "purpose": "Reusable rate limit input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RateLimit\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitInput.wrn"
+    },
+    {
+      "name": "RateLimitPage",
+      "mount": "RateLimitPage",
+      "category": "content",
+      "purpose": "Reusable rate limit page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateLimitPage.wrn"
+    },
+    {
+      "name": "RateTable",
+      "mount": "RateTable",
+      "category": "data",
+      "purpose": "Reusable rate table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RateTable.wrn"
+    },
+    {
+      "name": "RatingSlider",
+      "mount": "RatingSlider",
+      "category": "content",
+      "purpose": "Reusable rating slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RatingSlider.wrn"
+    },
+    {
+      "name": "RecipientSelector",
+      "mount": "RecipientSelector",
+      "category": "forms",
+      "purpose": "Reusable recipient selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Recipient\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecipientSelector.wrn"
+    },
+    {
+      "name": "RecoveryCodeForm",
+      "mount": "RecoveryCodeForm",
+      "category": "content",
+      "purpose": "Reusable recovery code form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecoveryCodeForm.wrn"
+    },
+    {
+      "name": "RecoveryCodeInput",
+      "mount": "RecoveryCodeInput",
+      "category": "forms",
+      "purpose": "Reusable recovery code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RecoveryCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecoveryCodeInput.wrn"
+    },
+    {
+      "name": "RecurrenceRuleBuilder",
+      "mount": "RecurrenceRuleBuilder",
+      "category": "content",
+      "purpose": "Reusable recurrence rule builder component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RecurrenceRuleBuilder.wrn"
+    },
+    {
+      "name": "RecurringSchedulePicker",
+      "mount": "RecurringSchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable recurring schedule picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"recurring-schedule\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"recurrence\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Repeat\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"none\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/RecurringSchedulePicker.wrn"
+    },
+    {
+      "name": "RedirectUriInput",
+      "mount": "RedirectUriInput",
+      "category": "forms",
+      "purpose": "Reusable redirect uri input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RedirectUri\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RedirectUriInput.wrn"
+    },
+    {
+      "name": "ReferenceInput",
+      "mount": "ReferenceInput",
+      "category": "forms",
+      "purpose": "Reusable reference input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Reference\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReferenceInput.wrn"
+    },
+    {
+      "name": "RegexInput",
+      "mount": "RegexInput",
+      "category": "forms",
+      "purpose": "Reusable regex input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Regex\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegexInput.wrn"
+    },
+    {
+      "name": "RegionalPrivacyBanner",
+      "mount": "RegionalPrivacyBanner",
+      "category": "feedback",
+      "purpose": "Reusable regional privacy banner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionalPrivacy\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionalPrivacyBanner.wrn"
+    },
+    {
+      "name": "RegionAvailabilityTable",
+      "mount": "RegionAvailabilityTable",
+      "category": "data",
+      "purpose": "Reusable region availability table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionAvailabilityTable.wrn"
+    },
+    {
+      "name": "RegionSelector",
+      "mount": "RegionSelector",
+      "category": "forms",
+      "purpose": "Reusable region selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Region\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionSelector.wrn"
+    },
+    {
+      "name": "RegionUnavailableAlert",
+      "mount": "RegionUnavailableAlert",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionUnavailableAlert.wrn"
+    },
+    {
+      "name": "RegionUnavailableState",
+      "mount": "RegionUnavailableState",
+      "category": "feedback",
+      "purpose": "Reusable region unavailable state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RegionUnavailable\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RegionUnavailableState.wrn"
+    },
+    {
+      "name": "RejectOptionalCookiesButton",
+      "mount": "RejectOptionalCookiesButton",
+      "category": "actions",
+      "purpose": "Reusable reject optional cookies button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RejectOptionalCookiesButton.wrn"
+    },
+    {
+      "name": "ReopenCookieSettingsButton",
+      "mount": "ReopenCookieSettingsButton",
+      "category": "actions",
+      "purpose": "Reusable reopen cookie settings button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReopenCookieSettingsButton.wrn"
+    },
+    {
+      "name": "ReportCard",
+      "mount": "ReportCard",
+      "category": "content",
+      "purpose": "Reusable report card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ReportCard.wrn"
+    },
+    {
+      "name": "RequestResponseViewer",
+      "mount": "RequestResponseViewer",
+      "category": "content",
+      "purpose": "Reusable request response viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequestResponseViewer.wrn"
+    },
+    {
+      "name": "RequestViewer",
+      "mount": "RequestViewer",
+      "category": "content",
+      "purpose": "Reusable request viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequestViewer.wrn"
+    },
+    {
+      "name": "RequiredIndicator",
+      "mount": "RequiredIndicator",
+      "category": "feedback",
+      "purpose": "Reusable required indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Required\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RequiredIndicator.wrn"
+    },
+    {
+      "name": "ResetPasswordForm",
+      "mount": "ResetPasswordForm",
+      "category": "content",
+      "purpose": "Reusable reset password form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResetPasswordForm.wrn"
+    },
+    {
+      "name": "ResizablePanel",
+      "mount": "ResizablePanel",
+      "category": "layout",
+      "purpose": "Reusable resizable panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResizablePanel.wrn"
+    },
+    {
+      "name": "ResourceCard",
+      "mount": "ResourceCard",
+      "category": "content",
+      "purpose": "Reusable resource card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceCard.wrn"
+    },
+    {
+      "name": "ResourceDownloadCard",
+      "mount": "ResourceDownloadCard",
+      "category": "content",
+      "purpose": "Reusable resource download card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceDownloadCard.wrn"
+    },
+    {
+      "name": "ResourcePageShell",
+      "mount": "ResourcePageShell",
+      "category": "layout",
+      "purpose": "Reusable resource page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourcePageShell.wrn"
+    },
+    {
+      "name": "ResourceSearch",
+      "mount": "ResourceSearch",
+      "category": "content",
+      "purpose": "Reusable resource search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceSearch.wrn"
+    },
+    {
+      "name": "ResourcesMegaMenu",
+      "mount": "ResourcesMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable resources mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourcesMegaMenu.wrn"
+    },
+    {
+      "name": "ResourceTypeBadge",
+      "mount": "ResourceTypeBadge",
+      "category": "feedback",
+      "purpose": "Reusable resource type badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ResourceType\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResourceTypeBadge.wrn"
+    },
+    {
+      "name": "ResponseViewer",
+      "mount": "ResponseViewer",
+      "category": "content",
+      "purpose": "Reusable response viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponseViewer.wrn"
+    },
+    {
+      "name": "ResponsibleDisclosureCTA",
+      "mount": "ResponsibleDisclosureCTA",
+      "category": "actions",
+      "purpose": "Reusable responsible disclosure c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponsibleDisclosureCTA.wrn"
+    },
+    {
+      "name": "ResponsiveTable",
+      "mount": "ResponsiveTable",
+      "category": "data",
+      "purpose": "Reusable responsive table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResponsiveTable.wrn"
+    },
+    {
+      "name": "ResultsSection",
+      "mount": "ResultsSection",
+      "category": "layout",
+      "purpose": "Reusable results section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ResultsSection.wrn"
+    },
+    {
+      "name": "RetentionTable",
+      "mount": "RetentionTable",
+      "category": "data",
+      "purpose": "Reusable retention table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RetentionTable.wrn"
+    },
+    {
+      "name": "RetryCountInput",
+      "mount": "RetryCountInput",
+      "category": "forms",
+      "purpose": "Reusable retry count input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RetryCount\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RetryCountInput.wrn"
+    },
+    {
+      "name": "RevenueChart",
+      "mount": "RevenueChart",
+      "category": "visualization",
+      "purpose": "Reusable revenue chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RevenueChart.wrn"
+    },
+    {
+      "name": "RgbColorInput",
+      "mount": "RgbColorInput",
+      "category": "forms",
+      "purpose": "Reusable rgb color input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RgbColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RgbColorInput.wrn"
+    },
+    {
+      "name": "RichTextEditor",
+      "mount": "RichTextEditor",
+      "category": "forms",
+      "purpose": "Reusable rich text editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RichText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RichTextEditor.wrn"
+    },
+    {
+      "name": "RichTextInput",
+      "mount": "RichTextInput",
+      "category": "forms",
+      "purpose": "Reusable rich text input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RichText\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RichTextInput.wrn"
+    },
+    {
+      "name": "RoleSelector",
+      "mount": "RoleSelector",
+      "category": "forms",
+      "purpose": "Reusable role selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Role\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RoleSelector.wrn"
+    },
+    {
+      "name": "RollingDateRangePicker",
+      "mount": "RollingDateRangePicker",
+      "category": "forms",
+      "purpose": "Reusable rolling date range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"RollingDateRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/RollingDateRangePicker.wrn"
+    },
+    {
+      "name": "SaveCookiePreferencesButton",
+      "mount": "SaveCookiePreferencesButton",
+      "category": "actions",
+      "purpose": "Reusable save cookie preferences button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SaveCookiePreferencesButton.wrn"
+    },
+    {
+      "name": "SavedFilterSelector",
+      "mount": "SavedFilterSelector",
+      "category": "forms",
+      "purpose": "Reusable saved filter selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SavedFilter\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SavedFilterSelector.wrn"
+    },
+    {
+      "name": "ScheduledDateTimePicker",
+      "mount": "ScheduledDateTimePicker",
+      "category": "forms",
+      "purpose": "Reusable scheduled date time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ScheduledDateTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScheduledDateTimePicker.wrn"
+    },
+    {
+      "name": "ScheduleMessagePicker",
+      "mount": "ScheduleMessagePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule message picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ScheduleMessage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScheduleMessagePicker.wrn"
+    },
+    {
+      "name": "SchedulePicker",
+      "mount": "SchedulePicker",
+      "category": "forms",
+      "purpose": "Reusable schedule picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Schedule\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/SchedulePicker.wrn"
+    },
+    {
+      "name": "ScreenshotFrame",
+      "mount": "ScreenshotFrame",
+      "category": "layout",
+      "purpose": "Reusable screenshot frame component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScreenshotFrame.wrn"
+    },
+    {
+      "name": "ScrollArea",
+      "mount": "ScrollArea",
+      "category": "core",
+      "purpose": "Reusable scroll area component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ScrollArea.wrn"
+    },
+    {
+      "name": "SDKCard",
+      "mount": "SDKCard",
+      "category": "content",
+      "purpose": "Reusable s d k card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SDKCard.wrn"
+    },
+    {
+      "name": "SdkLanguageSelector",
+      "mount": "SdkLanguageSelector",
+      "category": "forms",
+      "purpose": "Reusable sdk language selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SdkLanguage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SdkLanguageSelector.wrn"
+    },
+    {
+      "name": "SDKLanguageTabs",
+      "mount": "SDKLanguageTabs",
+      "category": "content",
+      "purpose": "Reusable s d k language tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SDKLanguageTabs.wrn"
+    },
+    {
+      "name": "SDKTabs",
+      "mount": "SDKTabs",
+      "category": "core",
+      "purpose": "Reusable sdktabs component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SDK languages\""
+        },
+        {
+          "name": "tabs",
+          "type": "string",
+          "required": false,
+          "default": "[]"
+        },
+        {
+          "name": "defaultIndex",
+          "type": "number",
+          "required": false,
+          "default": "0"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/SDKTabs.wrn"
+    },
+    {
+      "name": "SearchButton",
+      "mount": "SearchButton",
+      "category": "actions",
+      "purpose": "Reusable search button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchButton.wrn"
+    },
+    {
+      "name": "SearchCategoryTabs",
+      "mount": "SearchCategoryTabs",
+      "category": "content",
+      "purpose": "Reusable search category tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchCategoryTabs.wrn"
+    },
+    {
+      "name": "SearchDialog",
+      "mount": "SearchDialog",
+      "category": "overlays",
+      "purpose": "Reusable search dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchDialog.wrn"
+    },
+    {
+      "name": "SearchEmptyState",
+      "mount": "SearchEmptyState",
+      "category": "feedback",
+      "purpose": "Reusable search empty state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SearchEmpty\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchEmptyState.wrn"
+    },
+    {
+      "name": "SearchInput",
+      "mount": "SearchInput",
+      "category": "forms",
+      "purpose": "Reusable search input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Search\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/SearchInput.wrn"
+    },
+    {
+      "name": "SearchLoadingState",
+      "mount": "SearchLoadingState",
+      "category": "feedback",
+      "purpose": "Reusable search loading state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SearchLoading\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchLoadingState.wrn"
+    },
+    {
+      "name": "SearchResultItem",
+      "mount": "SearchResultItem",
+      "category": "content",
+      "purpose": "Reusable search result item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SearchResultItem.wrn"
+    },
+    {
+      "name": "SecondaryButton",
+      "mount": "SecondaryButton",
+      "category": "actions",
+      "purpose": "Reusable secondary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecondaryButton.wrn"
+    },
+    {
+      "name": "SecondPicker",
+      "mount": "SecondPicker",
+      "category": "forms",
+      "purpose": "Reusable second picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Second\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecondPicker.wrn"
+    },
+    {
+      "name": "SecretDisplay",
+      "mount": "SecretDisplay",
+      "category": "content",
+      "purpose": "Reusable secret display component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretDisplay.wrn"
+    },
+    {
+      "name": "SecretInput",
+      "mount": "SecretInput",
+      "category": "forms",
+      "purpose": "Reusable secret input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Secret\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretInput.wrn"
+    },
+    {
+      "name": "SecretRevealDialog",
+      "mount": "SecretRevealDialog",
+      "category": "overlays",
+      "purpose": "Reusable secret reveal dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecretRevealDialog.wrn"
+    },
+    {
+      "name": "Section",
+      "mount": "Section",
+      "category": "layout",
+      "purpose": "Reusable section component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "surface",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Section.wrn"
+    },
+    {
+      "name": "SectionActions",
+      "mount": "SectionActions",
+      "category": "actions",
+      "purpose": "Reusable section actions component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionActions.wrn"
+    },
+    {
+      "name": "SectionHeader",
+      "mount": "SectionHeader",
+      "category": "layout",
+      "purpose": "Reusable section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Section title\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"left\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionHeader.wrn"
+    },
+    {
+      "name": "SectionHeading",
+      "mount": "SectionHeading",
+      "category": "core",
+      "purpose": "Reusable section heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SectionHeading.wrn"
+    },
+    {
+      "name": "SecurityAlert",
+      "mount": "SecurityAlert",
+      "category": "feedback",
+      "purpose": "Reusable security alert component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Security\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityAlert.wrn"
+    },
+    {
+      "name": "SecurityContactCard",
+      "mount": "SecurityContactCard",
+      "category": "content",
+      "purpose": "Reusable security contact card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityContactCard.wrn"
+    },
+    {
+      "name": "SecurityFeatureCard",
+      "mount": "SecurityFeatureCard",
+      "category": "content",
+      "purpose": "Reusable security feature card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityFeatureCard.wrn"
+    },
+    {
+      "name": "SecurityHero",
+      "mount": "SecurityHero",
+      "category": "layout",
+      "purpose": "Reusable security hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityHero.wrn"
+    },
+    {
+      "name": "SecurityPillarGrid",
+      "mount": "SecurityPillarGrid",
+      "category": "data",
+      "purpose": "Reusable security pillar grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityPillarGrid.wrn"
+    },
+    {
+      "name": "SecurityPracticeList",
+      "mount": "SecurityPracticeList",
+      "category": "data",
+      "purpose": "Reusable security practice list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityPracticeList.wrn"
+    },
+    {
+      "name": "SecurityReportForm",
+      "mount": "SecurityReportForm",
+      "category": "content",
+      "purpose": "Reusable security report form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SecurityReportForm.wrn"
+    },
+    {
+      "name": "Select",
+      "mount": "Select",
+      "category": "core",
+      "purpose": "Reusable select component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Select\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Select.wrn"
+    },
+    {
+      "name": "SenderIdInput",
+      "mount": "SenderIdInput",
+      "category": "forms",
+      "purpose": "Reusable sender id input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SenderId\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SenderIdInput.wrn"
+    },
+    {
+      "name": "ServerErrorPage",
+      "mount": "ServerErrorPage",
+      "category": "content",
+      "purpose": "Reusable server error page component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServerErrorPage.wrn"
+    },
+    {
+      "name": "ServiceLevelTable",
+      "mount": "ServiceLevelTable",
+      "category": "data",
+      "purpose": "Reusable service level table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceLevelTable.wrn"
+    },
+    {
+      "name": "ServiceStatusBadge",
+      "mount": "ServiceStatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable service status badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ServiceStatus\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusBadge.wrn"
+    },
+    {
+      "name": "ServiceStatusList",
+      "mount": "ServiceStatusList",
+      "category": "data",
+      "purpose": "Reusable service status list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusList.wrn"
+    },
+    {
+      "name": "ServiceStatusRow",
+      "mount": "ServiceStatusRow",
+      "category": "data",
+      "purpose": "Reusable service status row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ServiceStatusRow.wrn"
+    },
+    {
+      "name": "SessionCard",
+      "mount": "SessionCard",
+      "category": "content",
+      "purpose": "Reusable session card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SessionCard.wrn"
+    },
+    {
+      "name": "SessionExpiredDialog",
+      "mount": "SessionExpiredDialog",
+      "category": "overlays",
+      "purpose": "Reusable session expired dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SessionExpiredDialog.wrn"
+    },
+    {
+      "name": "SetupChecklist",
+      "mount": "SetupChecklist",
+      "category": "content",
+      "purpose": "Reusable setup checklist component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SetupChecklist.wrn"
+    },
+    {
+      "name": "SeveritySelector",
+      "mount": "SeveritySelector",
+      "category": "forms",
+      "purpose": "Reusable severity selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Severity\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SeveritySelector.wrn"
+    },
+    {
+      "name": "ShadowPicker",
+      "mount": "ShadowPicker",
+      "category": "forms",
+      "purpose": "Reusable shadow picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Shadow\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShadowPicker.wrn"
+    },
+    {
+      "name": "ShareAction",
+      "mount": "ShareAction",
+      "category": "actions",
+      "purpose": "Reusable share action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShareAction.wrn"
+    },
+    {
+      "name": "ShareButton",
+      "mount": "ShareButton",
+      "category": "actions",
+      "purpose": "Reusable share button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ShareButton.wrn"
+    },
+    {
+      "name": "SidebarLayout",
+      "mount": "SidebarLayout",
+      "category": "layout",
+      "purpose": "Reusable sidebar layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SidebarLayout.wrn"
+    },
+    {
+      "name": "SidePanel",
+      "mount": "SidePanel",
+      "category": "layout",
+      "purpose": "Reusable side panel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SidePanel.wrn"
+    },
+    {
+      "name": "SignInForm",
+      "mount": "SignInForm",
+      "category": "content",
+      "purpose": "Reusable sign in form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignInForm.wrn"
+    },
+    {
+      "name": "SignInLink",
+      "mount": "SignInLink",
+      "category": "actions",
+      "purpose": "Reusable sign in link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignInLink.wrn"
+    },
+    {
+      "name": "SignUpForm",
+      "mount": "SignUpForm",
+      "category": "content",
+      "purpose": "Reusable sign up form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SignUpForm.wrn"
+    },
+    {
+      "name": "SiteSearch",
+      "mount": "SiteSearch",
+      "category": "content",
+      "purpose": "Reusable site search component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SiteSearch.wrn"
+    },
+    {
+      "name": "Skeleton",
+      "mount": "Skeleton",
+      "category": "feedback",
+      "purpose": "Reusable skeleton component.",
+      "props": [
+        {
+          "name": "height",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "rounded",
+          "type": "string",
+          "required": false,
+          "default": "\"lg\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Skeleton.wrn"
+    },
+    {
+      "name": "SkipLink",
+      "mount": "SkipLink",
+      "category": "actions",
+      "purpose": "Reusable skip link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SkipLink.wrn"
+    },
+    {
+      "name": "SlaTable",
+      "mount": "SlaTable",
+      "category": "data",
+      "purpose": "Reusable sla table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SlaTable.wrn"
+    },
+    {
+      "name": "Slider",
+      "mount": "Slider",
+      "category": "content",
+      "purpose": "Reusable slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Slider.wrn"
+    },
+    {
+      "name": "SlugInput",
+      "mount": "SlugInput",
+      "category": "forms",
+      "purpose": "Reusable slug input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Slug\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SlugInput.wrn"
+    },
+    {
+      "name": "SmallText",
+      "mount": "SmallText",
+      "category": "content",
+      "purpose": "Reusable small text component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmallText.wrn"
+    },
+    {
+      "name": "SmartRouteDiagram",
+      "mount": "SmartRouteDiagram",
+      "category": "visualization",
+      "purpose": "Reusable smart route diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmartRouteDiagram.wrn"
+    },
+    {
+      "name": "SmsComposer",
+      "mount": "SmsComposer",
+      "category": "content",
+      "purpose": "Reusable sms composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsComposer.wrn"
+    },
+    {
+      "name": "SmsMessageEditor",
+      "mount": "SmsMessageEditor",
+      "category": "forms",
+      "purpose": "Reusable sms message editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SmsMessage\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsMessageEditor.wrn"
+    },
+    {
+      "name": "SmsSegmentCounter",
+      "mount": "SmsSegmentCounter",
+      "category": "feedback",
+      "purpose": "Reusable sms segment counter component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"SmsSegment\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SmsSegmentCounter.wrn"
+    },
+    {
+      "name": "SolutionHero",
+      "mount": "SolutionHero",
+      "category": "layout",
+      "purpose": "Reusable solution hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionHero.wrn"
+    },
+    {
+      "name": "SolutionPageShell",
+      "mount": "SolutionPageShell",
+      "category": "layout",
+      "purpose": "Reusable solution page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionPageShell.wrn"
+    },
+    {
+      "name": "SolutionSection",
+      "mount": "SolutionSection",
+      "category": "layout",
+      "purpose": "Reusable solution section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionSection.wrn"
+    },
+    {
+      "name": "SolutionsMegaMenu",
+      "mount": "SolutionsMegaMenu",
+      "category": "overlays",
+      "purpose": "Reusable solutions mega menu component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SolutionsMegaMenu.wrn"
+    },
+    {
+      "name": "SortableTable",
+      "mount": "SortableTable",
+      "category": "data",
+      "purpose": "Reusable sortable table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SortableTable.wrn"
+    },
+    {
+      "name": "spacer",
+      "mount": "spacer",
+      "category": "core",
+      "purpose": "Reusable spacer component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/spacer.wrn"
+    },
+    {
+      "name": "Spinner",
+      "mount": "Spinner",
+      "category": "core",
+      "purpose": "Reusable spinner component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Loading\""
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "default": "\"md\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Spinner.wrn"
+    },
+    {
+      "name": "SplitButton",
+      "mount": "SplitButton",
+      "category": "actions",
+      "purpose": "Reusable split button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitButton.wrn"
+    },
+    {
+      "name": "SplitCTA",
+      "mount": "SplitCTA",
+      "category": "actions",
+      "purpose": "Reusable split c t a component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitCTA.wrn"
+    },
+    {
+      "name": "SplitHero",
+      "mount": "SplitHero",
+      "category": "layout",
+      "purpose": "Reusable split hero component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitHero.wrn"
+    },
+    {
+      "name": "SplitLayout",
+      "mount": "SplitLayout",
+      "category": "layout",
+      "purpose": "Reusable split layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitLayout.wrn"
+    },
+    {
+      "name": "SplitSectionHeader",
+      "mount": "SplitSectionHeader",
+      "category": "layout",
+      "purpose": "Reusable split section header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SplitSectionHeader.wrn"
+    },
+    {
+      "name": "Stack",
+      "mount": "Stack",
+      "category": "core",
+      "purpose": "Reusable stack component.",
+      "props": [
+        {
+          "name": "gap",
+          "type": "string",
+          "required": false,
+          "default": "\"4\""
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Stack.wrn"
+    },
+    {
+      "name": "StartFreeButton",
+      "mount": "StartFreeButton",
+      "category": "actions",
+      "purpose": "Reusable start free button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StartFreeButton.wrn"
+    },
+    {
+      "name": "StatCard",
+      "mount": "StatCard",
+      "category": "content",
+      "purpose": "Reusable stat card component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Metric\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"0\""
+        },
+        {
+          "name": "change",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "trend",
+          "type": "string",
+          "required": false,
+          "default": "\"neutral\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/StatCard.wrn"
+    },
+    {
+      "name": "StateSelector",
+      "mount": "StateSelector",
+      "category": "forms",
+      "purpose": "Reusable state selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"State\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StateSelector.wrn"
+    },
+    {
+      "name": "StatusBadge",
+      "mount": "StatusBadge",
+      "category": "feedback",
+      "purpose": "Reusable status badge component.",
+      "props": [
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"operational\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/StatusBadge.wrn"
+    },
+    {
+      "name": "StatusPageShell",
+      "mount": "StatusPageShell",
+      "category": "layout",
+      "purpose": "Reusable status page shell component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusPageShell.wrn"
+    },
+    {
+      "name": "StatusSelector",
+      "mount": "StatusSelector",
+      "category": "forms",
+      "purpose": "Reusable status selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Status\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusSelector.wrn"
+    },
+    {
+      "name": "StatusSubscribeForm",
+      "mount": "StatusSubscribeForm",
+      "category": "content",
+      "purpose": "Reusable status subscribe form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusSubscribeForm.wrn"
+    },
+    {
+      "name": "StatusTable",
+      "mount": "StatusTable",
+      "category": "data",
+      "purpose": "Reusable status table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StatusTable.wrn"
+    },
+    {
+      "name": "StepNavigation",
+      "mount": "StepNavigation",
+      "category": "layout",
+      "purpose": "Reusable step navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepNavigation.wrn"
+    },
+    {
+      "name": "Stepper",
+      "mount": "Stepper",
+      "category": "content",
+      "purpose": "Reusable stepper component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Stepper.wrn"
+    },
+    {
+      "name": "StepperInput",
+      "mount": "StepperInput",
+      "category": "forms",
+      "purpose": "Reusable stepper input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Stepper\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepperInput.wrn"
+    },
+    {
+      "name": "StepUpAuthenticationDialog",
+      "mount": "StepUpAuthenticationDialog",
+      "category": "overlays",
+      "purpose": "Reusable step up authentication dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StepUpAuthenticationDialog.wrn"
+    },
+    {
+      "name": "StickerPicker",
+      "mount": "StickerPicker",
+      "category": "forms",
+      "purpose": "Reusable sticker picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Sticker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StickerPicker.wrn"
+    },
+    {
+      "name": "Sticky",
+      "mount": "Sticky",
+      "category": "core",
+      "purpose": "Reusable sticky component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Sticky.wrn"
+    },
+    {
+      "name": "StickyLayout",
+      "mount": "StickyLayout",
+      "category": "layout",
+      "purpose": "Reusable sticky layout component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StickyLayout.wrn"
+    },
+    {
+      "name": "StreetAddressInput",
+      "mount": "StreetAddressInput",
+      "category": "forms",
+      "purpose": "Reusable street address input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"StreetAddress\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/StreetAddressInput.wrn"
+    },
+    {
+      "name": "SubdomainInput",
+      "mount": "SubdomainInput",
+      "category": "forms",
+      "purpose": "Reusable subdomain input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Subdomain\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubdomainInput.wrn"
+    },
+    {
+      "name": "SubjectInput",
+      "mount": "SubjectInput",
+      "category": "forms",
+      "purpose": "Reusable subject input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Subject\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubjectInput.wrn"
+    },
+    {
+      "name": "SubprocessorTable",
+      "mount": "SubprocessorTable",
+      "category": "data",
+      "purpose": "Reusable subprocessor table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubprocessorTable.wrn"
+    },
+    {
+      "name": "SubsectionHeading",
+      "mount": "SubsectionHeading",
+      "category": "core",
+      "purpose": "Reusable subsection heading component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SubsectionHeading.wrn"
+    },
+    {
+      "name": "SuccessCard",
+      "mount": "SuccessCard",
+      "category": "content",
+      "purpose": "Reusable success card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SuccessCard.wrn"
+    },
+    {
+      "name": "SuccessState",
+      "mount": "SuccessState",
+      "category": "feedback",
+      "purpose": "Reusable success state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Success\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SuccessState.wrn"
+    },
+    {
+      "name": "SupportRequestForm",
+      "mount": "SupportRequestForm",
+      "category": "content",
+      "purpose": "Reusable support request form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/SupportRequestForm.wrn"
+    },
+    {
+      "name": "Surface",
+      "mount": "Surface",
+      "category": "core",
+      "purpose": "Reusable surface component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Surface.wrn"
+    },
+    {
+      "name": "Switch",
+      "mount": "Switch",
+      "category": "core",
+      "purpose": "Reusable switch component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Switch\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/Switch.wrn"
+    },
+    {
+      "name": "Table",
+      "mount": "Table",
+      "category": "data",
+      "purpose": "Reusable table component.",
+      "props": [
+        {
+          "name": "caption",
+          "type": "string",
+          "required": false,
+          "default": "\"Data table\""
+        },
+        {
+          "name": "responsive",
+          "type": "boolean",
+          "required": false,
+          "default": "true"
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Table.wrn"
+    },
+    {
+      "name": "TableHeader",
+      "mount": "TableHeader",
+      "category": "layout",
+      "purpose": "Reusable table header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableHeader.wrn"
+    },
+    {
+      "name": "TableRow",
+      "mount": "TableRow",
+      "category": "data",
+      "purpose": "Reusable table row component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableRow.wrn"
+    },
+    {
+      "name": "TableSkeleton",
+      "mount": "TableSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable table skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Table\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TableSkeleton.wrn"
+    },
+    {
+      "name": "Tabs",
+      "mount": "Tabs",
+      "category": "content",
+      "purpose": "Reusable tabs component.",
+      "props": [
+        {
+          "name": "active",
+          "type": "string",
+          "required": false,
+          "default": "\"first\""
+        }
+      ],
+      "slots": ["first", "second"],
+      "events": ["click"],
+      "source": "components/Tabs.wrn"
+    },
+    {
+      "name": "tag",
+      "mount": "tag",
+      "category": "core",
+      "purpose": "Reusable tag component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/tag.wrn"
+    },
+    {
+      "name": "TagInput",
+      "mount": "TagInput",
+      "category": "forms",
+      "purpose": "Reusable tag input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Tag\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TagInput.wrn"
+    },
+    {
+      "name": "TaxNotice",
+      "mount": "TaxNotice",
+      "category": "feedback",
+      "purpose": "Reusable tax notice component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Tax\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TaxNotice.wrn"
+    },
+    {
+      "name": "TaxRateInput",
+      "mount": "TaxRateInput",
+      "category": "forms",
+      "purpose": "Reusable tax rate input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TaxRate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TaxRateInput.wrn"
+    },
+    {
+      "name": "TeamMemberCard",
+      "mount": "TeamMemberCard",
+      "category": "content",
+      "purpose": "Reusable team member card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TeamMemberCard.wrn"
+    },
+    {
+      "name": "TeamSizeSelector",
+      "mount": "TeamSizeSelector",
+      "category": "forms",
+      "purpose": "Reusable team size selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TeamSize\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TeamSizeSelector.wrn"
+    },
+    {
+      "name": "TemplateCard",
+      "mount": "TemplateCard",
+      "category": "content",
+      "purpose": "Reusable template card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateCard.wrn"
+    },
+    {
+      "name": "TemplateSelector",
+      "mount": "TemplateSelector",
+      "category": "forms",
+      "purpose": "Reusable template selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Template\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateSelector.wrn"
+    },
+    {
+      "name": "TemplateVariableInput",
+      "mount": "TemplateVariableInput",
+      "category": "forms",
+      "purpose": "Reusable template variable input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TemplateVariable\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TemplateVariableInput.wrn"
+    },
+    {
+      "name": "TenantIsolationDiagram",
+      "mount": "TenantIsolationDiagram",
+      "category": "visualization",
+      "purpose": "Reusable tenant isolation diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TenantIsolationDiagram.wrn"
+    },
+    {
+      "name": "TerminalBlock",
+      "mount": "TerminalBlock",
+      "category": "content",
+      "purpose": "Reusable terminal block component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TerminalBlock.wrn"
+    },
+    {
+      "name": "TertiaryButton",
+      "mount": "TertiaryButton",
+      "category": "actions",
+      "purpose": "Reusable tertiary button component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TertiaryButton.wrn"
+    },
+    {
+      "name": "TestimonialCard",
+      "mount": "TestimonialCard",
+      "category": "content",
+      "purpose": "Reusable testimonial card component.",
+      "props": [
+        {
+          "name": "quote",
+          "type": "string",
+          "required": false,
+          "default": "\"Great product.\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"Customer\""
+        },
+        {
+          "name": "role",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "company",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "avatar",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TestimonialCard.wrn"
+    },
+    {
+      "name": "TestimonialCarousel",
+      "mount": "TestimonialCarousel",
+      "category": "content",
+      "purpose": "Reusable testimonial carousel component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TestimonialCarousel.wrn"
+    },
+    {
+      "name": "TestMessageDialog",
+      "mount": "TestMessageDialog",
+      "category": "overlays",
+      "purpose": "Reusable test message dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TestMessageDialog.wrn"
+    },
+    {
+      "name": "Textarea",
+      "mount": "Textarea",
+      "category": "core",
+      "purpose": "Reusable textarea component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Message\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "required": false,
+          "default": "5"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/Textarea.wrn"
+    },
+    {
+      "name": "TextInput",
+      "mount": "TextInput",
+      "category": "forms",
+      "purpose": "Reusable text input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Text\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TextInput.wrn"
+    },
+    {
+      "name": "TextLink",
+      "mount": "TextLink",
+      "category": "actions",
+      "purpose": "Reusable text link component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TextLink.wrn"
+    },
+    {
+      "name": "TextSkeleton",
+      "mount": "TextSkeleton",
+      "category": "feedback",
+      "purpose": "Reusable text skeleton component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Text\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TextSkeleton.wrn"
+    },
+    {
+      "name": "theme-toggle",
+      "mount": "theme-toggle",
+      "category": "core",
+      "purpose": "Reusable theme-toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Toggle theme\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/theme-toggle.wrn"
+    },
+    {
+      "name": "ThemeColorPicker",
+      "mount": "ThemeColorPicker",
+      "category": "forms",
+      "purpose": "Reusable theme color picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"ThemeColor\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ThemeColorPicker.wrn"
+    },
+    {
+      "name": "ThemeSwitcher",
+      "mount": "ThemeSwitcher",
+      "category": "content",
+      "purpose": "Reusable theme switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ThemeSwitcher.wrn"
+    },
+    {
+      "name": "TimeInput",
+      "mount": "TimeInput",
+      "category": "forms",
+      "purpose": "Reusable time input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimeInput.wrn"
+    },
+    {
+      "name": "Timeline",
+      "mount": "Timeline",
+      "category": "visualization",
+      "purpose": "Reusable timeline component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Timeline\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Timeline.wrn"
+    },
+    {
+      "name": "TimelineChart",
+      "mount": "TimelineChart",
+      "category": "visualization",
+      "purpose": "Reusable timeline chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimelineChart.wrn"
+    },
+    {
+      "name": "TimelineItem",
+      "mount": "TimelineItem",
+      "category": "content",
+      "purpose": "Reusable timeline item component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Event\""
+        },
+        {
+          "name": "date",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "status",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimelineItem.wrn"
+    },
+    {
+      "name": "TimeoutInput",
+      "mount": "TimeoutInput",
+      "category": "forms",
+      "purpose": "Reusable timeout input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Timeout\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimeoutInput.wrn"
+    },
+    {
+      "name": "TimePicker",
+      "mount": "TimePicker",
+      "category": "forms",
+      "purpose": "Reusable time picker component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"time-picker\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"time\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Time\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "min",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "max",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "step",
+          "type": "number",
+          "required": false,
+          "default": "60"
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimePicker.wrn"
+    },
+    {
+      "name": "TimeRangePicker",
+      "mount": "TimeRangePicker",
+      "category": "forms",
+      "purpose": "Reusable time range picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TimeRange\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimeRangePicker.wrn"
+    },
+    {
+      "name": "TimezoneAwareTimePicker",
+      "mount": "TimezoneAwareTimePicker",
+      "category": "forms",
+      "purpose": "Reusable timezone aware time picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"TimezoneAwareTime\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TimezoneAwareTimePicker.wrn"
+    },
+    {
+      "name": "TimezoneSelector",
+      "mount": "TimezoneSelector",
+      "category": "forms",
+      "purpose": "Reusable timezone selector component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"timezone\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"timezone\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Timezone\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/TimezoneSelector.wrn"
+    },
+    {
+      "name": "Toast",
+      "mount": "Toast",
+      "category": "core",
+      "purpose": "Reusable toast component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"Saved\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"success\""
+        },
+        {
+          "name": "duration",
+          "type": "number",
+          "required": false,
+          "default": "5000"
+        }
+      ],
+      "slots": [],
+      "events": ["click"],
+      "source": "components/Toast.wrn"
+    },
+    {
+      "name": "ToastAction",
+      "mount": "ToastAction",
+      "category": "actions",
+      "purpose": "Reusable toast action component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Action\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"button\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"primary\""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastAction.wrn"
+    },
+    {
+      "name": "ToastIcon",
+      "mount": "ToastIcon",
+      "category": "content",
+      "purpose": "Reusable toast icon component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastIcon.wrn"
+    },
+    {
+      "name": "ToastProgress",
+      "mount": "ToastProgress",
+      "category": "visualization",
+      "purpose": "Reusable toast progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToastProgress.wrn"
+    },
+    {
+      "name": "Toggle",
+      "mount": "Toggle",
+      "category": "forms",
+      "purpose": "Reusable toggle component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Toggle.wrn"
+    },
+    {
+      "name": "ToggleGroup",
+      "mount": "ToggleGroup",
+      "category": "forms",
+      "purpose": "Reusable toggle group component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Toggle\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ToggleGroup.wrn"
+    },
+    {
+      "name": "TokenInput",
+      "mount": "TokenInput",
+      "category": "forms",
+      "purpose": "Reusable token input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Token\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TokenInput.wrn"
+    },
+    {
+      "name": "Tooltip",
+      "mount": "Tooltip",
+      "category": "content",
+      "purpose": "Reusable tooltip component.",
+      "props": [
+        {
+          "name": "text",
+          "type": "string",
+          "required": false,
+          "default": "\"Helpful information\""
+        },
+        {
+          "name": "position",
+          "type": "string",
+          "required": false,
+          "default": "\"top\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Tooltip.wrn"
+    },
+    {
+      "name": "TotpVerificationForm",
+      "mount": "TotpVerificationForm",
+      "category": "content",
+      "purpose": "Reusable totp verification form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TotpVerificationForm.wrn"
+    },
+    {
+      "name": "TranslatedText",
+      "mount": "TranslatedText",
+      "category": "content",
+      "purpose": "Reusable translated text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TranslatedText.wrn"
+    },
+    {
+      "name": "TreeTable",
+      "mount": "TreeTable",
+      "category": "data",
+      "purpose": "Reusable tree table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TreeTable.wrn"
+    },
+    {
+      "name": "TrendIndicator",
+      "mount": "TrendIndicator",
+      "category": "feedback",
+      "purpose": "Reusable trend indicator component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Trend\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TrendIndicator.wrn"
+    },
+    {
+      "name": "TruncatedText",
+      "mount": "TruncatedText",
+      "category": "content",
+      "purpose": "Reusable truncated text component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TruncatedText.wrn"
+    },
+    {
+      "name": "TrustBadgeList",
+      "mount": "TrustBadgeList",
+      "category": "data",
+      "purpose": "Reusable trust badge list component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/TrustBadgeList.wrn"
+    },
+    {
+      "name": "Typography",
+      "mount": "Typography",
+      "category": "core",
+      "purpose": "Reusable typography component.",
+      "props": [
+        {
+          "name": "as",
+          "type": "string",
+          "required": false,
+          "default": "\"p\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"body\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Typography.wrn"
+    },
+    {
+      "name": "UnavailableRegionState",
+      "mount": "UnavailableRegionState",
+      "category": "feedback",
+      "purpose": "Reusable unavailable region state component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"UnavailableRegion\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnavailableRegionState.wrn"
+    },
+    {
+      "name": "UnifiedTimelinePreview",
+      "mount": "UnifiedTimelinePreview",
+      "category": "content",
+      "purpose": "Reusable unified timeline preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnifiedTimelinePreview.wrn"
+    },
+    {
+      "name": "UnsavedChangesDialog",
+      "mount": "UnsavedChangesDialog",
+      "category": "overlays",
+      "purpose": "Reusable unsaved changes dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UnsavedChangesDialog.wrn"
+    },
+    {
+      "name": "UploadItem",
+      "mount": "UploadItem",
+      "category": "content",
+      "purpose": "Reusable upload item component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadItem.wrn"
+    },
+    {
+      "name": "UploadPreview",
+      "mount": "UploadPreview",
+      "category": "content",
+      "purpose": "Reusable upload preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadPreview.wrn"
+    },
+    {
+      "name": "UploadProgress",
+      "mount": "UploadProgress",
+      "category": "visualization",
+      "purpose": "Reusable upload progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UploadProgress.wrn"
+    },
+    {
+      "name": "UptimeChart",
+      "mount": "UptimeChart",
+      "category": "visualization",
+      "purpose": "Reusable uptime chart component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UptimeChart.wrn"
+    },
+    {
+      "name": "UptimeMetric",
+      "mount": "UptimeMetric",
+      "category": "visualization",
+      "purpose": "Reusable uptime metric component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UptimeMetric.wrn"
+    },
+    {
+      "name": "UrlInput",
+      "mount": "UrlInput",
+      "category": "forms",
+      "purpose": "Reusable url input component.",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Url\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": [],
+      "events": [],
+      "source": "components/UrlInput.wrn"
+    },
+    {
+      "name": "UsagePricingTable",
+      "mount": "UsagePricingTable",
+      "category": "data",
+      "purpose": "Reusable usage pricing table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UsagePricingTable.wrn"
+    },
+    {
+      "name": "UseCaseSelector",
+      "mount": "UseCaseSelector",
+      "category": "forms",
+      "purpose": "Reusable use case selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"UseCase\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UseCaseSelector.wrn"
+    },
+    {
+      "name": "UserCard",
+      "mount": "UserCard",
+      "category": "content",
+      "purpose": "Reusable user card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UserCard.wrn"
+    },
+    {
+      "name": "UsernameInput",
+      "mount": "UsernameInput",
+      "category": "forms",
+      "purpose": "Reusable username input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Username\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/UsernameInput.wrn"
+    },
+    {
+      "name": "ValueCard",
+      "mount": "ValueCard",
+      "category": "content",
+      "purpose": "Reusable value card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ValueCard.wrn"
+    },
+    {
+      "name": "ValuesGrid",
+      "mount": "ValuesGrid",
+      "category": "data",
+      "purpose": "Reusable values grid component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ValuesGrid.wrn"
+    },
+    {
+      "name": "VerificationCodeInput",
+      "mount": "VerificationCodeInput",
+      "category": "forms",
+      "purpose": "Reusable verification code input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"VerificationCode\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerificationCodeInput.wrn"
+    },
+    {
+      "name": "VerifiedBadge",
+      "mount": "VerifiedBadge",
+      "category": "feedback",
+      "purpose": "Reusable verified badge component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Verified\""
+        },
+        {
+          "name": "variant",
+          "type": "string",
+          "required": false,
+          "default": "\"default\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerifiedBadge.wrn"
+    },
+    {
+      "name": "VersionSelector",
+      "mount": "VersionSelector",
+      "category": "forms",
+      "purpose": "Reusable version selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Version\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VersionSelector.wrn"
+    },
+    {
+      "name": "VerticalTabs",
+      "mount": "VerticalTabs",
+      "category": "content",
+      "purpose": "Reusable vertical tabs component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VerticalTabs.wrn"
+    },
+    {
+      "name": "VideoCard",
+      "mount": "VideoCard",
+      "category": "content",
+      "purpose": "Reusable video card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoCard.wrn"
+    },
+    {
+      "name": "VideoPreviewDialog",
+      "mount": "VideoPreviewDialog",
+      "category": "overlays",
+      "purpose": "Reusable video preview dialog component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Close\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoPreviewDialog.wrn"
+    },
+    {
+      "name": "VideoUpload",
+      "mount": "VideoUpload",
+      "category": "content",
+      "purpose": "Reusable video upload component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VideoUpload.wrn"
+    },
+    {
+      "name": "VirtualizedTable",
+      "mount": "VirtualizedTable",
+      "category": "data",
+      "purpose": "Reusable virtualized table component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "default": "\"No items available.\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VirtualizedTable.wrn"
+    },
+    {
+      "name": "VisionSection",
+      "mount": "VisionSection",
+      "category": "layout",
+      "purpose": "Reusable vision section component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VisionSection.wrn"
+    },
+    {
+      "name": "VisuallyHidden",
+      "mount": "VisuallyHidden",
+      "category": "core",
+      "purpose": "Reusable visually hidden component.",
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VisuallyHidden.wrn"
+    },
+    {
+      "name": "VoiceScriptComposer",
+      "mount": "VoiceScriptComposer",
+      "category": "content",
+      "purpose": "Reusable voice script composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VoiceScriptComposer.wrn"
+    },
+    {
+      "name": "VoiceScriptEditor",
+      "mount": "VoiceScriptEditor",
+      "category": "forms",
+      "purpose": "Reusable voice script editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"VoiceScript\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VoiceScriptEditor.wrn"
+    },
+    {
+      "name": "VolumeInput",
+      "mount": "VolumeInput",
+      "category": "forms",
+      "purpose": "Reusable volume input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Volume\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VolumeInput.wrn"
+    },
+    {
+      "name": "VolumeSlider",
+      "mount": "VolumeSlider",
+      "category": "content",
+      "purpose": "Reusable volume slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/VolumeSlider.wrn"
+    },
+    {
+      "name": "WarningCard",
+      "mount": "WarningCard",
+      "category": "content",
+      "purpose": "Reusable warning card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WarningCard.wrn"
+    },
+    {
+      "name": "WebhookEventCard",
+      "mount": "WebhookEventCard",
+      "category": "content",
+      "purpose": "Reusable webhook event card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookEventCard.wrn"
+    },
+    {
+      "name": "WebhookFlowDiagram",
+      "mount": "WebhookFlowDiagram",
+      "category": "visualization",
+      "purpose": "Reusable webhook flow diagram component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookFlowDiagram.wrn"
+    },
+    {
+      "name": "WebhookPayloadViewer",
+      "mount": "WebhookPayloadViewer",
+      "category": "content",
+      "purpose": "Reusable webhook payload viewer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookPayloadViewer.wrn"
+    },
+    {
+      "name": "WebhookUrlInput",
+      "mount": "WebhookUrlInput",
+      "category": "forms",
+      "purpose": "Reusable webhook url input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WebhookUrl\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebhookUrlInput.wrn"
+    },
+    {
+      "name": "WebinarCard",
+      "mount": "WebinarCard",
+      "category": "content",
+      "purpose": "Reusable webinar card component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebinarCard.wrn"
+    },
+    {
+      "name": "WebinarRegistrationForm",
+      "mount": "WebinarRegistrationForm",
+      "category": "content",
+      "purpose": "Reusable webinar registration form component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WebinarRegistrationForm.wrn"
+    },
+    {
+      "name": "Well",
+      "mount": "Well",
+      "category": "core",
+      "purpose": "Reusable well component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Well.wrn"
+    },
+    {
+      "name": "WhatsAppComposer",
+      "mount": "WhatsAppComposer",
+      "category": "content",
+      "purpose": "Reusable whats app composer component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppComposer.wrn"
+    },
+    {
+      "name": "WhatsAppNumberInput",
+      "mount": "WhatsAppNumberInput",
+      "category": "forms",
+      "purpose": "Reusable whats app number input component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WhatsAppNumber\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppNumberInput.wrn"
+    },
+    {
+      "name": "WhatsAppTemplateEditor",
+      "mount": "WhatsAppTemplateEditor",
+      "category": "forms",
+      "purpose": "Reusable whats app template editor component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"WhatsAppTemplate\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WhatsAppTemplateEditor.wrn"
+    },
+    {
+      "name": "WideContainer",
+      "mount": "WideContainer",
+      "category": "core",
+      "purpose": "Reusable wide container component.",
+      "props": [
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WideContainer.wrn"
+    },
+    {
+      "name": "Wizard",
+      "mount": "Wizard",
+      "category": "content",
+      "purpose": "Reusable wizard component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/Wizard.wrn"
+    },
+    {
+      "name": "WizardHeader",
+      "mount": "WizardHeader",
+      "category": "layout",
+      "purpose": "Reusable wizard header component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WizardHeader.wrn"
+    },
+    {
+      "name": "WizardNavigation",
+      "mount": "WizardNavigation",
+      "category": "layout",
+      "purpose": "Reusable wizard navigation component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "type": "string",
+          "required": false,
+          "default": "\"start\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WizardNavigation.wrn"
+    },
+    {
+      "name": "WorkflowCanvasPreview",
+      "mount": "WorkflowCanvasPreview",
+      "category": "content",
+      "purpose": "Reusable workflow canvas preview component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkflowCanvasPreview.wrn"
+    },
+    {
+      "name": "WorkflowProgress",
+      "mount": "WorkflowProgress",
+      "category": "visualization",
+      "purpose": "Reusable workflow progress component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "summary",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkflowProgress.wrn"
+    },
+    {
+      "name": "WorkspaceCard",
+      "mount": "WorkspaceCard",
+      "category": "content",
+      "purpose": "Reusable workspace card component.",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceCard.wrn"
+    },
+    {
+      "name": "WorkspaceSelector",
+      "mount": "WorkspaceSelector",
+      "category": "forms",
+      "purpose": "Reusable workspace selector component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Workspace\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceSelector.wrn"
+    },
+    {
+      "name": "WorkspaceSwitcher",
+      "mount": "WorkspaceSwitcher",
+      "category": "content",
+      "purpose": "Reusable workspace switcher component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/WorkspaceSwitcher.wrn"
+    },
+    {
+      "name": "YearPicker",
+      "mount": "YearPicker",
+      "category": "forms",
+      "purpose": "Reusable year picker component.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "required": false,
+          "default": "\"Year\""
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "type": "string",
+          "required": false,
+          "default": "\"text\""
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "required": false,
+          "default": "false"
+        },
+        {
+          "name": "help",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/YearPicker.wrn"
+    },
+    {
+      "name": "ZoomSlider",
+      "mount": "ZoomSlider",
+      "category": "content",
+      "purpose": "Reusable zoom slider component.",
+      "props": [
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "description",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "actionLabel",
+          "type": "string",
+          "required": false,
+          "default": "\"Learn more\""
+        },
+        {
+          "name": "image",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "alt",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        },
+        {
+          "name": "class",
+          "type": "string",
+          "required": false,
+          "default": "\"\""
+        }
+      ],
+      "slots": ["default"],
+      "events": [],
+      "source": "components/ZoomSlider.wrn"
+    }
+  ]
+}
diff --git a/packages/ui/components/AcceptAllCookiesButton.wrn b/packages/ui/components/AcceptAllCookiesButton.wrn
new file mode 100644
index 00000000..43db17ca
--- /dev/null
+++ b/packages/ui/components/AcceptAllCookiesButton.wrn
@@ -0,0 +1,11 @@
+component AcceptAllCookiesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/AccessibleAccordion.wrn b/packages/ui/components/AccessibleAccordion.wrn
new file mode 100644
index 00000000..fea11ae2
--- /dev/null
+++ b/packages/ui/components/AccessibleAccordion.wrn
@@ -0,0 +1,13 @@
+component AccessibleAccordion {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleCarousel.wrn b/packages/ui/components/AccessibleCarousel.wrn
new file mode 100644
index 00000000..e4a30d46
--- /dev/null
+++ b/packages/ui/components/AccessibleCarousel.wrn
@@ -0,0 +1,13 @@
+component AccessibleCarousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleChartSummary.wrn b/packages/ui/components/AccessibleChartSummary.wrn
new file mode 100644
index 00000000..ad7d2af5
--- /dev/null
+++ b/packages/ui/components/AccessibleChartSummary.wrn
@@ -0,0 +1,13 @@
+component AccessibleChartSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleDialog.wrn b/packages/ui/components/AccessibleDialog.wrn
new file mode 100644
index 00000000..e7b931d6
--- /dev/null
+++ b/packages/ui/components/AccessibleDialog.wrn
@@ -0,0 +1,10 @@
+component AccessibleDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/AccessibleErrorSummary.wrn b/packages/ui/components/AccessibleErrorSummary.wrn
new file mode 100644
index 00000000..d2bd4381
--- /dev/null
+++ b/packages/ui/components/AccessibleErrorSummary.wrn
@@ -0,0 +1,13 @@
+component AccessibleErrorSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleIcon.wrn b/packages/ui/components/AccessibleIcon.wrn
new file mode 100644
index 00000000..323c774f
--- /dev/null
+++ b/packages/ui/components/AccessibleIcon.wrn
@@ -0,0 +1,13 @@
+component AccessibleIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleMenu.wrn b/packages/ui/components/AccessibleMenu.wrn
new file mode 100644
index 00000000..27b75e1f
--- /dev/null
+++ b/packages/ui/components/AccessibleMenu.wrn
@@ -0,0 +1,10 @@
+component AccessibleMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/AccessibleTabs.wrn b/packages/ui/components/AccessibleTabs.wrn
new file mode 100644
index 00000000..bfba41fa
--- /dev/null
+++ b/packages/ui/components/AccessibleTabs.wrn
@@ -0,0 +1,13 @@
+component AccessibleTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccessibleTooltip.wrn b/packages/ui/components/AccessibleTooltip.wrn
new file mode 100644
index 00000000..dd62776d
--- /dev/null
+++ b/packages/ui/components/AccessibleTooltip.wrn
@@ -0,0 +1,13 @@
+component AccessibleTooltip {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AccountMenu.wrn b/packages/ui/components/AccountMenu.wrn
new file mode 100644
index 00000000..4cfc36af
--- /dev/null
+++ b/packages/ui/components/AccountMenu.wrn
@@ -0,0 +1,10 @@
+component AccountMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/AccountStatusBanner.wrn b/packages/ui/components/AccountStatusBanner.wrn
new file mode 100644
index 00000000..f14b03d9
--- /dev/null
+++ b/packages/ui/components/AccountStatusBanner.wrn
@@ -0,0 +1,11 @@
+component AccountStatusBanner {
+  props {
+    label = "AccountStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ActionMenu.wrn b/packages/ui/components/ActionMenu.wrn
new file mode 100644
index 00000000..90e5db6a
--- /dev/null
+++ b/packages/ui/components/ActionMenu.wrn
@@ -0,0 +1,10 @@
+component ActionMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ActiveFilterList.wrn b/packages/ui/components/ActiveFilterList.wrn
new file mode 100644
index 00000000..a8f168c7
--- /dev/null
+++ b/packages/ui/components/ActiveFilterList.wrn
@@ -0,0 +1,10 @@
+component ActiveFilterList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ActivityList.wrn b/packages/ui/components/ActivityList.wrn
new file mode 100644
index 00000000..79c28be0
--- /dev/null
+++ b/packages/ui/components/ActivityList.wrn
@@ -0,0 +1,10 @@
+component ActivityList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/AddOnCard.wrn b/packages/ui/components/AddOnCard.wrn
new file mode 100644
index 00000000..198bc9e8
--- /dev/null
+++ b/packages/ui/components/AddOnCard.wrn
@@ -0,0 +1,13 @@
+component AddOnCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AddressInput.wrn b/packages/ui/components/AddressInput.wrn
new file mode 100644
index 00000000..6af0c679
--- /dev/null
+++ b/packages/ui/components/AddressInput.wrn
@@ -0,0 +1,16 @@
+component AddressInput {
+  props {
+    label = "Address" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/AddressPreview.wrn b/packages/ui/components/AddressPreview.wrn
new file mode 100644
index 00000000..d543124f
--- /dev/null
+++ b/packages/ui/components/AddressPreview.wrn
@@ -0,0 +1,13 @@
+component AddressPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AdvancedFilterBuilder.wrn b/packages/ui/components/AdvancedFilterBuilder.wrn
new file mode 100644
index 00000000..124a67d5
--- /dev/null
+++ b/packages/ui/components/AdvancedFilterBuilder.wrn
@@ -0,0 +1,13 @@
+component AdvancedFilterBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AlertDialog.wrn b/packages/ui/components/AlertDialog.wrn
new file mode 100644
index 00000000..83140e77
--- /dev/null
+++ b/packages/ui/components/AlertDialog.wrn
@@ -0,0 +1,10 @@
+component AlertDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/AmountInput.wrn b/packages/ui/components/AmountInput.wrn
new file mode 100644
index 00000000..374d1754
--- /dev/null
+++ b/packages/ui/components/AmountInput.wrn
@@ -0,0 +1,16 @@
+component AmountInput {
+  props {
+    label = "Amount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/AnalyticsDashboardPreview.wrn b/packages/ui/components/AnalyticsDashboardPreview.wrn
new file mode 100644
index 00000000..69fa7f67
--- /dev/null
+++ b/packages/ui/components/AnalyticsDashboardPreview.wrn
@@ -0,0 +1,13 @@
+component AnalyticsDashboardPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AnchorNavigation.wrn b/packages/ui/components/AnchorNavigation.wrn
new file mode 100644
index 00000000..4fb237c4
--- /dev/null
+++ b/packages/ui/components/AnchorNavigation.wrn
@@ -0,0 +1,10 @@
+component AnchorNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ApartmentInput.wrn b/packages/ui/components/ApartmentInput.wrn
new file mode 100644
index 00000000..86a05abd
--- /dev/null
+++ b/packages/ui/components/ApartmentInput.wrn
@@ -0,0 +1,16 @@
+component ApartmentInput {
+  props {
+    label = "Apartment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ApiAuthenticationNotice.wrn b/packages/ui/components/ApiAuthenticationNotice.wrn
new file mode 100644
index 00000000..5e1b73a7
--- /dev/null
+++ b/packages/ui/components/ApiAuthenticationNotice.wrn
@@ -0,0 +1,11 @@
+component ApiAuthenticationNotice {
+  props {
+    label = "ApiAuthentication" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ApiErrorExample.wrn b/packages/ui/components/ApiErrorExample.wrn
new file mode 100644
index 00000000..ca682e44
--- /dev/null
+++ b/packages/ui/components/ApiErrorExample.wrn
@@ -0,0 +1,13 @@
+component ApiErrorExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ApiHeaderTable.wrn b/packages/ui/components/ApiHeaderTable.wrn
new file mode 100644
index 00000000..8f9f79b4
--- /dev/null
+++ b/packages/ui/components/ApiHeaderTable.wrn
@@ -0,0 +1,10 @@
+component ApiHeaderTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ApiKeyCreateDialog.wrn b/packages/ui/components/ApiKeyCreateDialog.wrn
new file mode 100644
index 00000000..ba616096
--- /dev/null
+++ b/packages/ui/components/ApiKeyCreateDialog.wrn
@@ -0,0 +1,10 @@
+component ApiKeyCreateDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ApiKeyDisplay.wrn b/packages/ui/components/ApiKeyDisplay.wrn
new file mode 100644
index 00000000..3b561ce6
--- /dev/null
+++ b/packages/ui/components/ApiKeyDisplay.wrn
@@ -0,0 +1,13 @@
+component ApiKeyDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ApiKeyInput.wrn b/packages/ui/components/ApiKeyInput.wrn
new file mode 100644
index 00000000..98cbb1d0
--- /dev/null
+++ b/packages/ui/components/ApiKeyInput.wrn
@@ -0,0 +1,16 @@
+component ApiKeyInput {
+  props {
+    label = "ApiKey" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ApiMethodBadge.wrn b/packages/ui/components/ApiMethodBadge.wrn
new file mode 100644
index 00000000..43ba1a9d
--- /dev/null
+++ b/packages/ui/components/ApiMethodBadge.wrn
@@ -0,0 +1,11 @@
+component ApiMethodBadge {
+  props {
+    label = "ApiMethod" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ApiParameterTable.wrn b/packages/ui/components/ApiParameterTable.wrn
new file mode 100644
index 00000000..768d7a08
--- /dev/null
+++ b/packages/ui/components/ApiParameterTable.wrn
@@ -0,0 +1,10 @@
+component ApiParameterTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ApiRateLimitNotice.wrn b/packages/ui/components/ApiRateLimitNotice.wrn
new file mode 100644
index 00000000..f098aa1f
--- /dev/null
+++ b/packages/ui/components/ApiRateLimitNotice.wrn
@@ -0,0 +1,11 @@
+component ApiRateLimitNotice {
+  props {
+    label = "ApiRateLimit" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ApiRequestExample.wrn b/packages/ui/components/ApiRequestExample.wrn
new file mode 100644
index 00000000..16e60b4e
--- /dev/null
+++ b/packages/ui/components/ApiRequestExample.wrn
@@ -0,0 +1,13 @@
+component ApiRequestExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ApiResponseExample.wrn b/packages/ui/components/ApiResponseExample.wrn
new file mode 100644
index 00000000..795bcf56
--- /dev/null
+++ b/packages/ui/components/ApiResponseExample.wrn
@@ -0,0 +1,13 @@
+component ApiResponseExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ApiSchemaTable.wrn b/packages/ui/components/ApiSchemaTable.wrn
new file mode 100644
index 00000000..bbe81c51
--- /dev/null
+++ b/packages/ui/components/ApiSchemaTable.wrn
@@ -0,0 +1,10 @@
+component ApiSchemaTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ApiSchemaViewer.wrn b/packages/ui/components/ApiSchemaViewer.wrn
new file mode 100644
index 00000000..164dd0b5
--- /dev/null
+++ b/packages/ui/components/ApiSchemaViewer.wrn
@@ -0,0 +1,13 @@
+component ApiSchemaViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ApiVersionBadge.wrn b/packages/ui/components/ApiVersionBadge.wrn
new file mode 100644
index 00000000..accd7965
--- /dev/null
+++ b/packages/ui/components/ApiVersionBadge.wrn
@@ -0,0 +1,11 @@
+component ApiVersionBadge {
+  props {
+    label = "ApiVersion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/AppHeader.wrn b/packages/ui/components/AppHeader.wrn
new file mode 100644
index 00000000..6e2283cf
--- /dev/null
+++ b/packages/ui/components/AppHeader.wrn
@@ -0,0 +1,10 @@
+component AppHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ArchitectureSection.wrn b/packages/ui/components/ArchitectureSection.wrn
new file mode 100644
index 00000000..f477e6d3
--- /dev/null
+++ b/packages/ui/components/ArchitectureSection.wrn
@@ -0,0 +1,10 @@
+component ArchitectureSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/AreaChart.wrn b/packages/ui/components/AreaChart.wrn
new file mode 100644
index 00000000..bb4b8216
--- /dev/null
+++ b/packages/ui/components/AreaChart.wrn
@@ -0,0 +1,11 @@
+component AreaChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ArticleHero.wrn b/packages/ui/components/ArticleHero.wrn
new file mode 100644
index 00000000..b3a11900
--- /dev/null
+++ b/packages/ui/components/ArticleHero.wrn
@@ -0,0 +1,10 @@
+component ArticleHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ArticleLayout.wrn b/packages/ui/components/ArticleLayout.wrn
new file mode 100644
index 00000000..42904a2d
--- /dev/null
+++ b/packages/ui/components/ArticleLayout.wrn
@@ -0,0 +1,10 @@
+component ArticleLayout {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ArticleNewsletterCTA.wrn b/packages/ui/components/ArticleNewsletterCTA.wrn
new file mode 100644
index 00000000..9abe4482
--- /dev/null
+++ b/packages/ui/components/ArticleNewsletterCTA.wrn
@@ -0,0 +1,11 @@
+component ArticleNewsletterCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ArticlePageShell.wrn b/packages/ui/components/ArticlePageShell.wrn
new file mode 100644
index 00000000..5d2b6ece
--- /dev/null
+++ b/packages/ui/components/ArticlePageShell.wrn
@@ -0,0 +1,10 @@
+component ArticlePageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ArticleShareActions.wrn b/packages/ui/components/ArticleShareActions.wrn
new file mode 100644
index 00000000..ca2165d8
--- /dev/null
+++ b/packages/ui/components/ArticleShareActions.wrn
@@ -0,0 +1,11 @@
+component ArticleShareActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/AttachmentPicker.wrn b/packages/ui/components/AttachmentPicker.wrn
new file mode 100644
index 00000000..549af51a
--- /dev/null
+++ b/packages/ui/components/AttachmentPicker.wrn
@@ -0,0 +1,16 @@
+component AttachmentPicker {
+  props {
+    label = "Attachment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/AttachmentUpload.wrn b/packages/ui/components/AttachmentUpload.wrn
new file mode 100644
index 00000000..567bc298
--- /dev/null
+++ b/packages/ui/components/AttachmentUpload.wrn
@@ -0,0 +1,13 @@
+component AttachmentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AudioUpload.wrn b/packages/ui/components/AudioUpload.wrn
new file mode 100644
index 00000000..626adf09
--- /dev/null
+++ b/packages/ui/components/AudioUpload.wrn
@@ -0,0 +1,13 @@
+component AudioUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AuditLogPreview.wrn b/packages/ui/components/AuditLogPreview.wrn
new file mode 100644
index 00000000..7544ccc8
--- /dev/null
+++ b/packages/ui/components/AuditLogPreview.wrn
@@ -0,0 +1,13 @@
+component AuditLogPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AuditTable.wrn b/packages/ui/components/AuditTable.wrn
new file mode 100644
index 00000000..0c09bcd6
--- /dev/null
+++ b/packages/ui/components/AuditTable.wrn
@@ -0,0 +1,10 @@
+component AuditTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/AuthenticatorCodeInput.wrn b/packages/ui/components/AuthenticatorCodeInput.wrn
new file mode 100644
index 00000000..f372c730
--- /dev/null
+++ b/packages/ui/components/AuthenticatorCodeInput.wrn
@@ -0,0 +1,16 @@
+component AuthenticatorCodeInput {
+  props {
+    label = "AuthenticatorCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/AuthorAvatar.wrn b/packages/ui/components/AuthorAvatar.wrn
new file mode 100644
index 00000000..754d71c6
--- /dev/null
+++ b/packages/ui/components/AuthorAvatar.wrn
@@ -0,0 +1,13 @@
+component AuthorAvatar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AuthorCard.wrn b/packages/ui/components/AuthorCard.wrn
new file mode 100644
index 00000000..906db84c
--- /dev/null
+++ b/packages/ui/components/AuthorCard.wrn
@@ -0,0 +1,13 @@
+component AuthorCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AuthorizedApplicationCard.wrn b/packages/ui/components/AuthorizedApplicationCard.wrn
new file mode 100644
index 00000000..adf64d7f
--- /dev/null
+++ b/packages/ui/components/AuthorizedApplicationCard.wrn
@@ -0,0 +1,13 @@
+component AuthorizedApplicationCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AutomationExampleCard.wrn b/packages/ui/components/AutomationExampleCard.wrn
new file mode 100644
index 00000000..1b230710
--- /dev/null
+++ b/packages/ui/components/AutomationExampleCard.wrn
@@ -0,0 +1,13 @@
+component AutomationExampleCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AvailabilityCalendar.wrn b/packages/ui/components/AvailabilityCalendar.wrn
new file mode 100644
index 00000000..a62cc9fd
--- /dev/null
+++ b/packages/ui/components/AvailabilityCalendar.wrn
@@ -0,0 +1,13 @@
+component AvailabilityCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/AvatarGroup.wrn b/packages/ui/components/AvatarGroup.wrn
new file mode 100644
index 00000000..0cb3e98a
--- /dev/null
+++ b/packages/ui/components/AvatarGroup.wrn
@@ -0,0 +1,16 @@
+component AvatarGroup {
+  props {
+    label = "Avatar" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/AvatarUpload.wrn b/packages/ui/components/AvatarUpload.wrn
new file mode 100644
index 00000000..f84c8728
--- /dev/null
+++ b/packages/ui/components/AvatarUpload.wrn
@@ -0,0 +1,13 @@
+component AvatarUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BankTransferDetails.wrn b/packages/ui/components/BankTransferDetails.wrn
new file mode 100644
index 00000000..17550cef
--- /dev/null
+++ b/packages/ui/components/BankTransferDetails.wrn
@@ -0,0 +1,13 @@
+component BankTransferDetails {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BarChart.wrn b/packages/ui/components/BarChart.wrn
new file mode 100644
index 00000000..3e8d9041
--- /dev/null
+++ b/packages/ui/components/BarChart.wrn
@@ -0,0 +1,11 @@
+component BarChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/BillingAddressForm.wrn b/packages/ui/components/BillingAddressForm.wrn
new file mode 100644
index 00000000..2d5ac459
--- /dev/null
+++ b/packages/ui/components/BillingAddressForm.wrn
@@ -0,0 +1,13 @@
+component BillingAddressForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BillingExample.wrn b/packages/ui/components/BillingExample.wrn
new file mode 100644
index 00000000..c91d27e4
--- /dev/null
+++ b/packages/ui/components/BillingExample.wrn
@@ -0,0 +1,13 @@
+component BillingExample {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BillingPeriodToggle.wrn b/packages/ui/components/BillingPeriodToggle.wrn
new file mode 100644
index 00000000..a4469365
--- /dev/null
+++ b/packages/ui/components/BillingPeriodToggle.wrn
@@ -0,0 +1,16 @@
+component BillingPeriodToggle {
+  props {
+    label = "BillingPeriod" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BlackoutDatePicker.wrn b/packages/ui/components/BlackoutDatePicker.wrn
new file mode 100644
index 00000000..6096d9fc
--- /dev/null
+++ b/packages/ui/components/BlackoutDatePicker.wrn
@@ -0,0 +1,16 @@
+component BlackoutDatePicker {
+  props {
+    label = "BlackoutDate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BlogCard.wrn b/packages/ui/components/BlogCard.wrn
new file mode 100644
index 00000000..ec4374c5
--- /dev/null
+++ b/packages/ui/components/BlogCard.wrn
@@ -0,0 +1,13 @@
+component BlogCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BlogGrid.wrn b/packages/ui/components/BlogGrid.wrn
new file mode 100644
index 00000000..0599f37e
--- /dev/null
+++ b/packages/ui/components/BlogGrid.wrn
@@ -0,0 +1,10 @@
+component BlogGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/BlogList.wrn b/packages/ui/components/BlogList.wrn
new file mode 100644
index 00000000..e40af45b
--- /dev/null
+++ b/packages/ui/components/BlogList.wrn
@@ -0,0 +1,10 @@
+component BlogList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/BlogSearch.wrn b/packages/ui/components/BlogSearch.wrn
new file mode 100644
index 00000000..69914cd7
--- /dev/null
+++ b/packages/ui/components/BlogSearch.wrn
@@ -0,0 +1,13 @@
+component BlogSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BorderRadiusPicker.wrn b/packages/ui/components/BorderRadiusPicker.wrn
new file mode 100644
index 00000000..bef4b4bf
--- /dev/null
+++ b/packages/ui/components/BorderRadiusPicker.wrn
@@ -0,0 +1,16 @@
+component BorderRadiusPicker {
+  props {
+    label = "BorderRadius" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BottomNavigation.wrn b/packages/ui/components/BottomNavigation.wrn
new file mode 100644
index 00000000..f273c20a
--- /dev/null
+++ b/packages/ui/components/BottomNavigation.wrn
@@ -0,0 +1,10 @@
+component BottomNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/BrandColorPicker.wrn b/packages/ui/components/BrandColorPicker.wrn
new file mode 100644
index 00000000..3ebd75e7
--- /dev/null
+++ b/packages/ui/components/BrandColorPicker.wrn
@@ -0,0 +1,16 @@
+component BrandColorPicker {
+  props {
+    label = "BrandColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BrandSelector.wrn b/packages/ui/components/BrandSelector.wrn
new file mode 100644
index 00000000..ecbc5b0a
--- /dev/null
+++ b/packages/ui/components/BrandSelector.wrn
@@ -0,0 +1,16 @@
+component BrandSelector {
+  props {
+    label = "Brand" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BrowserFrame.wrn b/packages/ui/components/BrowserFrame.wrn
new file mode 100644
index 00000000..1021c018
--- /dev/null
+++ b/packages/ui/components/BrowserFrame.wrn
@@ -0,0 +1,10 @@
+component BrowserFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/BudgetRangeSlider.wrn b/packages/ui/components/BudgetRangeSlider.wrn
new file mode 100644
index 00000000..6e7837eb
--- /dev/null
+++ b/packages/ui/components/BudgetRangeSlider.wrn
@@ -0,0 +1,13 @@
+component BudgetRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/BudgetSelector.wrn b/packages/ui/components/BudgetSelector.wrn
new file mode 100644
index 00000000..9c92720b
--- /dev/null
+++ b/packages/ui/components/BudgetSelector.wrn
@@ -0,0 +1,16 @@
+component BudgetSelector {
+  props {
+    label = "Budget" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/BusinessHoursPicker.wrn b/packages/ui/components/BusinessHoursPicker.wrn
new file mode 100644
index 00000000..3fcb9dd7
--- /dev/null
+++ b/packages/ui/components/BusinessHoursPicker.wrn
@@ -0,0 +1,16 @@
+component BusinessHoursPicker {
+  props {
+    label = "BusinessHours" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ButtonGroup.wrn b/packages/ui/components/ButtonGroup.wrn
new file mode 100644
index 00000000..8fa14cb2
--- /dev/null
+++ b/packages/ui/components/ButtonGroup.wrn
@@ -0,0 +1,16 @@
+component ButtonGroup {
+  props {
+    label = "Button" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ButtonSelector.wrn b/packages/ui/components/ButtonSelector.wrn
new file mode 100644
index 00000000..153ec7bf
--- /dev/null
+++ b/packages/ui/components/ButtonSelector.wrn
@@ -0,0 +1,16 @@
+component ButtonSelector {
+  props {
+    label = "Button" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Calendar.wrn b/packages/ui/components/Calendar.wrn
new file mode 100644
index 00000000..f3001ec9
--- /dev/null
+++ b/packages/ui/components/Calendar.wrn
@@ -0,0 +1,13 @@
+component Calendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CalendarGrid.wrn b/packages/ui/components/CalendarGrid.wrn
new file mode 100644
index 00000000..8bf8be4f
--- /dev/null
+++ b/packages/ui/components/CalendarGrid.wrn
@@ -0,0 +1,10 @@
+component CalendarGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CalendarHeader.wrn b/packages/ui/components/CalendarHeader.wrn
new file mode 100644
index 00000000..b0584a10
--- /dev/null
+++ b/packages/ui/components/CalendarHeader.wrn
@@ -0,0 +1,10 @@
+component CalendarHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CalendarNavigation.wrn b/packages/ui/components/CalendarNavigation.wrn
new file mode 100644
index 00000000..6df42a40
--- /dev/null
+++ b/packages/ui/components/CalendarNavigation.wrn
@@ -0,0 +1,10 @@
+component CalendarNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CallbackUrlInput.wrn b/packages/ui/components/CallbackUrlInput.wrn
new file mode 100644
index 00000000..6ded0fd3
--- /dev/null
+++ b/packages/ui/components/CallbackUrlInput.wrn
@@ -0,0 +1,16 @@
+component CallbackUrlInput {
+  props {
+    label = "CallbackUrl" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CampaignPerformancePreview.wrn b/packages/ui/components/CampaignPerformancePreview.wrn
new file mode 100644
index 00000000..369a75b7
--- /dev/null
+++ b/packages/ui/components/CampaignPerformancePreview.wrn
@@ -0,0 +1,13 @@
+component CampaignPerformancePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CampaignProgress.wrn b/packages/ui/components/CampaignProgress.wrn
new file mode 100644
index 00000000..43dc0e85
--- /dev/null
+++ b/packages/ui/components/CampaignProgress.wrn
@@ -0,0 +1,11 @@
+component CampaignProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/CapabilityGrid.wrn b/packages/ui/components/CapabilityGrid.wrn
new file mode 100644
index 00000000..91276355
--- /dev/null
+++ b/packages/ui/components/CapabilityGrid.wrn
@@ -0,0 +1,10 @@
+component CapabilityGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CaptchaField.wrn b/packages/ui/components/CaptchaField.wrn
new file mode 100644
index 00000000..f184ae30
--- /dev/null
+++ b/packages/ui/components/CaptchaField.wrn
@@ -0,0 +1,16 @@
+component CaptchaField {
+  props {
+    label = "Captcha" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CardPaymentForm.wrn b/packages/ui/components/CardPaymentForm.wrn
new file mode 100644
index 00000000..004bcbc5
--- /dev/null
+++ b/packages/ui/components/CardPaymentForm.wrn
@@ -0,0 +1,13 @@
+component CardPaymentForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CardSelector.wrn b/packages/ui/components/CardSelector.wrn
new file mode 100644
index 00000000..06589d62
--- /dev/null
+++ b/packages/ui/components/CardSelector.wrn
@@ -0,0 +1,16 @@
+component CardSelector {
+  props {
+    label = "Card" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CardSkeleton.wrn b/packages/ui/components/CardSkeleton.wrn
new file mode 100644
index 00000000..0b82f3e8
--- /dev/null
+++ b/packages/ui/components/CardSkeleton.wrn
@@ -0,0 +1,11 @@
+component CardSkeleton {
+  props {
+    label = "Card" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/CareerApplicationForm.wrn b/packages/ui/components/CareerApplicationForm.wrn
new file mode 100644
index 00000000..a6db3e12
--- /dev/null
+++ b/packages/ui/components/CareerApplicationForm.wrn
@@ -0,0 +1,13 @@
+component CareerApplicationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CareerBenefitsGrid.wrn b/packages/ui/components/CareerBenefitsGrid.wrn
new file mode 100644
index 00000000..fa61d70f
--- /dev/null
+++ b/packages/ui/components/CareerBenefitsGrid.wrn
@@ -0,0 +1,10 @@
+component CareerBenefitsGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/Carousel.wrn b/packages/ui/components/Carousel.wrn
new file mode 100644
index 00000000..63eb0cdb
--- /dev/null
+++ b/packages/ui/components/Carousel.wrn
@@ -0,0 +1,13 @@
+component Carousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CaseStudyCard.wrn b/packages/ui/components/CaseStudyCard.wrn
new file mode 100644
index 00000000..9a5fafb4
--- /dev/null
+++ b/packages/ui/components/CaseStudyCard.wrn
@@ -0,0 +1,13 @@
+component CaseStudyCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CaseStudyHero.wrn b/packages/ui/components/CaseStudyHero.wrn
new file mode 100644
index 00000000..6adb849b
--- /dev/null
+++ b/packages/ui/components/CaseStudyHero.wrn
@@ -0,0 +1,10 @@
+component CaseStudyHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CaseStudyPreview.wrn b/packages/ui/components/CaseStudyPreview.wrn
new file mode 100644
index 00000000..ffbfc434
--- /dev/null
+++ b/packages/ui/components/CaseStudyPreview.wrn
@@ -0,0 +1,13 @@
+component CaseStudyPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CenteredCTA.wrn b/packages/ui/components/CenteredCTA.wrn
new file mode 100644
index 00000000..a663ab67
--- /dev/null
+++ b/packages/ui/components/CenteredCTA.wrn
@@ -0,0 +1,11 @@
+component CenteredCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/CenteredHero.wrn b/packages/ui/components/CenteredHero.wrn
new file mode 100644
index 00000000..49e37173
--- /dev/null
+++ b/packages/ui/components/CenteredHero.wrn
@@ -0,0 +1,10 @@
+component CenteredHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CenteredSectionHeader.wrn b/packages/ui/components/CenteredSectionHeader.wrn
new file mode 100644
index 00000000..0a3fd90b
--- /dev/null
+++ b/packages/ui/components/CenteredSectionHeader.wrn
@@ -0,0 +1,10 @@
+component CenteredSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CertificateUpload.wrn b/packages/ui/components/CertificateUpload.wrn
new file mode 100644
index 00000000..3b796ebc
--- /dev/null
+++ b/packages/ui/components/CertificateUpload.wrn
@@ -0,0 +1,13 @@
+component CertificateUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CertificationBadge.wrn b/packages/ui/components/CertificationBadge.wrn
new file mode 100644
index 00000000..3489bd66
--- /dev/null
+++ b/packages/ui/components/CertificationBadge.wrn
@@ -0,0 +1,11 @@
+component CertificationBadge {
+  props {
+    label = "Certification" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ChallengeSection.wrn b/packages/ui/components/ChallengeSection.wrn
new file mode 100644
index 00000000..a72934de
--- /dev/null
+++ b/packages/ui/components/ChallengeSection.wrn
@@ -0,0 +1,10 @@
+component ChallengeSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ChannelBadge.wrn b/packages/ui/components/ChannelBadge.wrn
new file mode 100644
index 00000000..87261f3e
--- /dev/null
+++ b/packages/ui/components/ChannelBadge.wrn
@@ -0,0 +1,11 @@
+component ChannelBadge {
+  props {
+    label = "Channel" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ChannelComparisonChart.wrn b/packages/ui/components/ChannelComparisonChart.wrn
new file mode 100644
index 00000000..922c168a
--- /dev/null
+++ b/packages/ui/components/ChannelComparisonChart.wrn
@@ -0,0 +1,11 @@
+component ChannelComparisonChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ChannelComparisonTable.wrn b/packages/ui/components/ChannelComparisonTable.wrn
new file mode 100644
index 00000000..ca1066f1
--- /dev/null
+++ b/packages/ui/components/ChannelComparisonTable.wrn
@@ -0,0 +1,10 @@
+component ChannelComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ChannelFallbackDiagram.wrn b/packages/ui/components/ChannelFallbackDiagram.wrn
new file mode 100644
index 00000000..22f85b46
--- /dev/null
+++ b/packages/ui/components/ChannelFallbackDiagram.wrn
@@ -0,0 +1,11 @@
+component ChannelFallbackDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ChannelFlow.wrn b/packages/ui/components/ChannelFlow.wrn
new file mode 100644
index 00000000..78f176d0
--- /dev/null
+++ b/packages/ui/components/ChannelFlow.wrn
@@ -0,0 +1,11 @@
+component ChannelFlow {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ChannelIcon.wrn b/packages/ui/components/ChannelIcon.wrn
new file mode 100644
index 00000000..56b327b2
--- /dev/null
+++ b/packages/ui/components/ChannelIcon.wrn
@@ -0,0 +1,13 @@
+component ChannelIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ChannelRateTable.wrn b/packages/ui/components/ChannelRateTable.wrn
new file mode 100644
index 00000000..652cc1a9
--- /dev/null
+++ b/packages/ui/components/ChannelRateTable.wrn
@@ -0,0 +1,10 @@
+component ChannelRateTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ChannelSelector.wrn b/packages/ui/components/ChannelSelector.wrn
new file mode 100644
index 00000000..714f025f
--- /dev/null
+++ b/packages/ui/components/ChannelSelector.wrn
@@ -0,0 +1,16 @@
+component ChannelSelector {
+  props {
+    label = "Channel" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CharacterCounter.wrn b/packages/ui/components/CharacterCounter.wrn
new file mode 100644
index 00000000..40715d14
--- /dev/null
+++ b/packages/ui/components/CharacterCounter.wrn
@@ -0,0 +1,11 @@
+component CharacterCounter {
+  props {
+    label = "Character" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ChartEmptyState.wrn b/packages/ui/components/ChartEmptyState.wrn
new file mode 100644
index 00000000..3245cc5e
--- /dev/null
+++ b/packages/ui/components/ChartEmptyState.wrn
@@ -0,0 +1,11 @@
+component ChartEmptyState {
+  props {
+    label = "ChartEmpty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ChartTooltip.wrn b/packages/ui/components/ChartTooltip.wrn
new file mode 100644
index 00000000..379e04d3
--- /dev/null
+++ b/packages/ui/components/ChartTooltip.wrn
@@ -0,0 +1,13 @@
+component ChartTooltip {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CheckboxGroup.wrn b/packages/ui/components/CheckboxGroup.wrn
new file mode 100644
index 00000000..d48275d1
--- /dev/null
+++ b/packages/ui/components/CheckboxGroup.wrn
@@ -0,0 +1,16 @@
+component CheckboxGroup {
+  props {
+    label = "Checkbox" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Checklist.wrn b/packages/ui/components/Checklist.wrn
new file mode 100644
index 00000000..4ca7d9ed
--- /dev/null
+++ b/packages/ui/components/Checklist.wrn
@@ -0,0 +1,13 @@
+component Checklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ChecklistProgress.wrn b/packages/ui/components/ChecklistProgress.wrn
new file mode 100644
index 00000000..dd4e73d9
--- /dev/null
+++ b/packages/ui/components/ChecklistProgress.wrn
@@ -0,0 +1,11 @@
+component ChecklistProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ChipInput.wrn b/packages/ui/components/ChipInput.wrn
new file mode 100644
index 00000000..ffcad515
--- /dev/null
+++ b/packages/ui/components/ChipInput.wrn
@@ -0,0 +1,16 @@
+component ChipInput {
+  props {
+    label = "Chip" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CircularProgress.wrn b/packages/ui/components/CircularProgress.wrn
new file mode 100644
index 00000000..8d938bc2
--- /dev/null
+++ b/packages/ui/components/CircularProgress.wrn
@@ -0,0 +1,11 @@
+component CircularProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/CitySelector.wrn b/packages/ui/components/CitySelector.wrn
new file mode 100644
index 00000000..521f32cb
--- /dev/null
+++ b/packages/ui/components/CitySelector.wrn
@@ -0,0 +1,16 @@
+component CitySelector {
+  props {
+    label = "City" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ClearFiltersButton.wrn b/packages/ui/components/ClearFiltersButton.wrn
new file mode 100644
index 00000000..218acb71
--- /dev/null
+++ b/packages/ui/components/ClearFiltersButton.wrn
@@ -0,0 +1,11 @@
+component ClearFiltersButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/Code.wrn b/packages/ui/components/Code.wrn
new file mode 100644
index 00000000..aa52f99a
--- /dev/null
+++ b/packages/ui/components/Code.wrn
@@ -0,0 +1,13 @@
+component Code {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CodeCopyButton.wrn b/packages/ui/components/CodeCopyButton.wrn
new file mode 100644
index 00000000..ad592a73
--- /dev/null
+++ b/packages/ui/components/CodeCopyButton.wrn
@@ -0,0 +1,11 @@
+component CodeCopyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/CodeHeader.wrn b/packages/ui/components/CodeHeader.wrn
new file mode 100644
index 00000000..bdfb4e5d
--- /dev/null
+++ b/packages/ui/components/CodeHeader.wrn
@@ -0,0 +1,10 @@
+component CodeHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CodeInput.wrn b/packages/ui/components/CodeInput.wrn
new file mode 100644
index 00000000..e28dafe2
--- /dev/null
+++ b/packages/ui/components/CodeInput.wrn
@@ -0,0 +1,16 @@
+component CodeInput {
+  props {
+    label = "Code" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CodeLanguageBadge.wrn b/packages/ui/components/CodeLanguageBadge.wrn
new file mode 100644
index 00000000..c7fe5e3b
--- /dev/null
+++ b/packages/ui/components/CodeLanguageBadge.wrn
@@ -0,0 +1,11 @@
+component CodeLanguageBadge {
+  props {
+    label = "CodeLanguage" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/CodeTabs.wrn b/packages/ui/components/CodeTabs.wrn
new file mode 100644
index 00000000..0647a94f
--- /dev/null
+++ b/packages/ui/components/CodeTabs.wrn
@@ -0,0 +1,13 @@
+component CodeTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CohortChart.wrn b/packages/ui/components/CohortChart.wrn
new file mode 100644
index 00000000..9a8fb673
--- /dev/null
+++ b/packages/ui/components/CohortChart.wrn
@@ -0,0 +1,11 @@
+component CohortChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ColorGrid.wrn b/packages/ui/components/ColorGrid.wrn
new file mode 100644
index 00000000..d8d485f1
--- /dev/null
+++ b/packages/ui/components/ColorGrid.wrn
@@ -0,0 +1,10 @@
+component ColorGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ColorHexInput.wrn b/packages/ui/components/ColorHexInput.wrn
new file mode 100644
index 00000000..22ab0804
--- /dev/null
+++ b/packages/ui/components/ColorHexInput.wrn
@@ -0,0 +1,16 @@
+component ColorHexInput {
+  props {
+    label = "ColorHex" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ColorPicker.wrn b/packages/ui/components/ColorPicker.wrn
new file mode 100644
index 00000000..b9d7eee4
--- /dev/null
+++ b/packages/ui/components/ColorPicker.wrn
@@ -0,0 +1,16 @@
+component ColorPicker {
+  props {
+    label = "Color" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ColorSelector.wrn b/packages/ui/components/ColorSelector.wrn
new file mode 100644
index 00000000..8d86ed18
--- /dev/null
+++ b/packages/ui/components/ColorSelector.wrn
@@ -0,0 +1,16 @@
+component ColorSelector {
+  props {
+    label = "Color" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ColorSwatch.wrn b/packages/ui/components/ColorSwatch.wrn
new file mode 100644
index 00000000..d36b75b1
--- /dev/null
+++ b/packages/ui/components/ColorSwatch.wrn
@@ -0,0 +1,13 @@
+component ColorSwatch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ComingSoonState.wrn b/packages/ui/components/ComingSoonState.wrn
new file mode 100644
index 00000000..40e6cedc
--- /dev/null
+++ b/packages/ui/components/ComingSoonState.wrn
@@ -0,0 +1,11 @@
+component ComingSoonState {
+  props {
+    label = "ComingSoon" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/CommandBlock.wrn b/packages/ui/components/CommandBlock.wrn
new file mode 100644
index 00000000..a227cec7
--- /dev/null
+++ b/packages/ui/components/CommandBlock.wrn
@@ -0,0 +1,13 @@
+component CommandBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CommandMenu.wrn b/packages/ui/components/CommandMenu.wrn
new file mode 100644
index 00000000..8f9def1a
--- /dev/null
+++ b/packages/ui/components/CommandMenu.wrn
@@ -0,0 +1,10 @@
+component CommandMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/CommandSearchInput.wrn b/packages/ui/components/CommandSearchInput.wrn
new file mode 100644
index 00000000..e5839eba
--- /dev/null
+++ b/packages/ui/components/CommandSearchInput.wrn
@@ -0,0 +1,16 @@
+component CommandSearchInput {
+  props {
+    label = "CommandSearch" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CompanyHero.wrn b/packages/ui/components/CompanyHero.wrn
new file mode 100644
index 00000000..5a0b0c02
--- /dev/null
+++ b/packages/ui/components/CompanyHero.wrn
@@ -0,0 +1,10 @@
+component CompanyHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CompanyNameInput.wrn b/packages/ui/components/CompanyNameInput.wrn
new file mode 100644
index 00000000..4721ea62
--- /dev/null
+++ b/packages/ui/components/CompanyNameInput.wrn
@@ -0,0 +1,16 @@
+component CompanyNameInput {
+  props {
+    label = "CompanyName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CompanyPageShell.wrn b/packages/ui/components/CompanyPageShell.wrn
new file mode 100644
index 00000000..dca2426c
--- /dev/null
+++ b/packages/ui/components/CompanyPageShell.wrn
@@ -0,0 +1,10 @@
+component CompanyPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/CompanySizeSelector.wrn b/packages/ui/components/CompanySizeSelector.wrn
new file mode 100644
index 00000000..3fd0a219
--- /dev/null
+++ b/packages/ui/components/CompanySizeSelector.wrn
@@ -0,0 +1,16 @@
+component CompanySizeSelector {
+  props {
+    label = "CompanySize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ComparisonDateRangePicker.wrn b/packages/ui/components/ComparisonDateRangePicker.wrn
new file mode 100644
index 00000000..5120aea2
--- /dev/null
+++ b/packages/ui/components/ComparisonDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component ComparisonDateRangePicker {
+  props {
+    label = "ComparisonDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ComparisonTable.wrn b/packages/ui/components/ComparisonTable.wrn
new file mode 100644
index 00000000..1a576d59
--- /dev/null
+++ b/packages/ui/components/ComparisonTable.wrn
@@ -0,0 +1,10 @@
+component ComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CompletionMeter.wrn b/packages/ui/components/CompletionMeter.wrn
new file mode 100644
index 00000000..77db45d4
--- /dev/null
+++ b/packages/ui/components/CompletionMeter.wrn
@@ -0,0 +1,11 @@
+component CompletionMeter {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ComplianceBadgeList.wrn b/packages/ui/components/ComplianceBadgeList.wrn
new file mode 100644
index 00000000..968c0673
--- /dev/null
+++ b/packages/ui/components/ComplianceBadgeList.wrn
@@ -0,0 +1,10 @@
+component ComplianceBadgeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ComplianceProgramCard.wrn b/packages/ui/components/ComplianceProgramCard.wrn
new file mode 100644
index 00000000..3c9dc289
--- /dev/null
+++ b/packages/ui/components/ComplianceProgramCard.wrn
@@ -0,0 +1,13 @@
+component ComplianceProgramCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ConfirmPasswordInput.wrn b/packages/ui/components/ConfirmPasswordInput.wrn
new file mode 100644
index 00000000..98839b1d
--- /dev/null
+++ b/packages/ui/components/ConfirmPasswordInput.wrn
@@ -0,0 +1,16 @@
+component ConfirmPasswordInput {
+  props {
+    label = "ConfirmPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ConnectedAccountCard.wrn b/packages/ui/components/ConnectedAccountCard.wrn
new file mode 100644
index 00000000..ff711310
--- /dev/null
+++ b/packages/ui/components/ConnectedAccountCard.wrn
@@ -0,0 +1,13 @@
+component ConnectedAccountCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ConsentTimelinePreview.wrn b/packages/ui/components/ConsentTimelinePreview.wrn
new file mode 100644
index 00000000..9fca41dc
--- /dev/null
+++ b/packages/ui/components/ConsentTimelinePreview.wrn
@@ -0,0 +1,13 @@
+component ConsentTimelinePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ContactCTA.wrn b/packages/ui/components/ContactCTA.wrn
new file mode 100644
index 00000000..404d6959
--- /dev/null
+++ b/packages/ui/components/ContactCTA.wrn
@@ -0,0 +1,11 @@
+component ContactCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ContactForm.wrn b/packages/ui/components/ContactForm.wrn
new file mode 100644
index 00000000..6f8b7a60
--- /dev/null
+++ b/packages/ui/components/ContactForm.wrn
@@ -0,0 +1,13 @@
+component ContactForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ContactHero.wrn b/packages/ui/components/ContactHero.wrn
new file mode 100644
index 00000000..70e59691
--- /dev/null
+++ b/packages/ui/components/ContactHero.wrn
@@ -0,0 +1,10 @@
+component ContactHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ContactPageShell.wrn b/packages/ui/components/ContactPageShell.wrn
new file mode 100644
index 00000000..1627cea5
--- /dev/null
+++ b/packages/ui/components/ContactPageShell.wrn
@@ -0,0 +1,10 @@
+component ContactPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ContactSalesButton.wrn b/packages/ui/components/ContactSalesButton.wrn
new file mode 100644
index 00000000..6edb599d
--- /dev/null
+++ b/packages/ui/components/ContactSalesButton.wrn
@@ -0,0 +1,11 @@
+component ContactSalesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ContactSalesForm.wrn b/packages/ui/components/ContactSalesForm.wrn
new file mode 100644
index 00000000..98e3f441
--- /dev/null
+++ b/packages/ui/components/ContactSalesForm.wrn
@@ -0,0 +1,13 @@
+component ContactSalesForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ContextMenu.wrn b/packages/ui/components/ContextMenu.wrn
new file mode 100644
index 00000000..c5ff0774
--- /dev/null
+++ b/packages/ui/components/ContextMenu.wrn
@@ -0,0 +1,10 @@
+component ContextMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ContextSwitcher.wrn b/packages/ui/components/ContextSwitcher.wrn
new file mode 100644
index 00000000..3dc90a87
--- /dev/null
+++ b/packages/ui/components/ContextSwitcher.wrn
@@ -0,0 +1,13 @@
+component ContextSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ConversationList.wrn b/packages/ui/components/ConversationList.wrn
new file mode 100644
index 00000000..809f57ad
--- /dev/null
+++ b/packages/ui/components/ConversationList.wrn
@@ -0,0 +1,10 @@
+component ConversationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ConversationPreview.wrn b/packages/ui/components/ConversationPreview.wrn
new file mode 100644
index 00000000..faad8f8f
--- /dev/null
+++ b/packages/ui/components/ConversationPreview.wrn
@@ -0,0 +1,13 @@
+component ConversationPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ConversionChart.wrn b/packages/ui/components/ConversionChart.wrn
new file mode 100644
index 00000000..2840b608
--- /dev/null
+++ b/packages/ui/components/ConversionChart.wrn
@@ -0,0 +1,11 @@
+component ConversionChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/CookieCategoryList.wrn b/packages/ui/components/CookieCategoryList.wrn
new file mode 100644
index 00000000..c2a9d812
--- /dev/null
+++ b/packages/ui/components/CookieCategoryList.wrn
@@ -0,0 +1,10 @@
+component CookieCategoryList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CookieCategoryToggle.wrn b/packages/ui/components/CookieCategoryToggle.wrn
new file mode 100644
index 00000000..d596498b
--- /dev/null
+++ b/packages/ui/components/CookieCategoryToggle.wrn
@@ -0,0 +1,16 @@
+component CookieCategoryToggle {
+  props {
+    label = "CookieCategory" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CookieDetailsTable.wrn b/packages/ui/components/CookieDetailsTable.wrn
new file mode 100644
index 00000000..f366829d
--- /dev/null
+++ b/packages/ui/components/CookieDetailsTable.wrn
@@ -0,0 +1,10 @@
+component CookieDetailsTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CookieTable.wrn b/packages/ui/components/CookieTable.wrn
new file mode 100644
index 00000000..411e7946
--- /dev/null
+++ b/packages/ui/components/CookieTable.wrn
@@ -0,0 +1,10 @@
+component CookieTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/CoordinatesInput.wrn b/packages/ui/components/CoordinatesInput.wrn
new file mode 100644
index 00000000..520ae166
--- /dev/null
+++ b/packages/ui/components/CoordinatesInput.wrn
@@ -0,0 +1,16 @@
+component CoordinatesInput {
+  props {
+    label = "Coordinates" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CoordinatesPicker.wrn b/packages/ui/components/CoordinatesPicker.wrn
new file mode 100644
index 00000000..84e04c62
--- /dev/null
+++ b/packages/ui/components/CoordinatesPicker.wrn
@@ -0,0 +1,16 @@
+component CoordinatesPicker {
+  props {
+    label = "Coordinates" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CopyCodeButton.wrn b/packages/ui/components/CopyCodeButton.wrn
new file mode 100644
index 00000000..105e1b54
--- /dev/null
+++ b/packages/ui/components/CopyCodeButton.wrn
@@ -0,0 +1,11 @@
+component CopyCodeButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/CopySecretField.wrn b/packages/ui/components/CopySecretField.wrn
new file mode 100644
index 00000000..e016e880
--- /dev/null
+++ b/packages/ui/components/CopySecretField.wrn
@@ -0,0 +1,16 @@
+component CopySecretField {
+  props {
+    label = "CopySecret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CostBreakdownChart.wrn b/packages/ui/components/CostBreakdownChart.wrn
new file mode 100644
index 00000000..1a773cdd
--- /dev/null
+++ b/packages/ui/components/CostBreakdownChart.wrn
@@ -0,0 +1,11 @@
+component CostBreakdownChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/CostSummary.wrn b/packages/ui/components/CostSummary.wrn
new file mode 100644
index 00000000..2a77cce1
--- /dev/null
+++ b/packages/ui/components/CostSummary.wrn
@@ -0,0 +1,13 @@
+component CostSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CountryCallingCodeInput.wrn b/packages/ui/components/CountryCallingCodeInput.wrn
new file mode 100644
index 00000000..044717e6
--- /dev/null
+++ b/packages/ui/components/CountryCallingCodeInput.wrn
@@ -0,0 +1,16 @@
+component CountryCallingCodeInput {
+  props {
+    label = "CountryCallingCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CountryCallingCodeSelector.wrn b/packages/ui/components/CountryCallingCodeSelector.wrn
new file mode 100644
index 00000000..2b0913d1
--- /dev/null
+++ b/packages/ui/components/CountryCallingCodeSelector.wrn
@@ -0,0 +1,16 @@
+component CountryCallingCodeSelector {
+  props {
+    label = "CountryCallingCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CountrySelector.wrn b/packages/ui/components/CountrySelector.wrn
new file mode 100644
index 00000000..0cd618c9
--- /dev/null
+++ b/packages/ui/components/CountrySelector.wrn
@@ -0,0 +1,16 @@
+component CountrySelector {
+  props {
+    label = "Country" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CouponInput.wrn b/packages/ui/components/CouponInput.wrn
new file mode 100644
index 00000000..e6592370
--- /dev/null
+++ b/packages/ui/components/CouponInput.wrn
@@ -0,0 +1,16 @@
+component CouponInput {
+  props {
+    label = "Coupon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CreditAmountInput.wrn b/packages/ui/components/CreditAmountInput.wrn
new file mode 100644
index 00000000..68aade4d
--- /dev/null
+++ b/packages/ui/components/CreditAmountInput.wrn
@@ -0,0 +1,16 @@
+component CreditAmountInput {
+  props {
+    label = "CreditAmount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CronBuilder.wrn b/packages/ui/components/CronBuilder.wrn
new file mode 100644
index 00000000..e8d25777
--- /dev/null
+++ b/packages/ui/components/CronBuilder.wrn
@@ -0,0 +1,13 @@
+component CronBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CronInput.wrn b/packages/ui/components/CronInput.wrn
new file mode 100644
index 00000000..04e14a7c
--- /dev/null
+++ b/packages/ui/components/CronInput.wrn
@@ -0,0 +1,16 @@
+component CronInput {
+  props {
+    label = "Cron" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CsvUpload.wrn b/packages/ui/components/CsvUpload.wrn
new file mode 100644
index 00000000..ece10c9e
--- /dev/null
+++ b/packages/ui/components/CsvUpload.wrn
@@ -0,0 +1,13 @@
+component CsvUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CurrencyInput.wrn b/packages/ui/components/CurrencyInput.wrn
new file mode 100644
index 00000000..9a4dac50
--- /dev/null
+++ b/packages/ui/components/CurrencyInput.wrn
@@ -0,0 +1,16 @@
+component CurrencyInput {
+  props {
+    label = "Currency" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CurrencySelector.wrn b/packages/ui/components/CurrencySelector.wrn
new file mode 100644
index 00000000..520c86c7
--- /dev/null
+++ b/packages/ui/components/CurrencySelector.wrn
@@ -0,0 +1,16 @@
+component CurrencySelector {
+  props {
+    label = "Currency" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CurrentPasswordInput.wrn b/packages/ui/components/CurrentPasswordInput.wrn
new file mode 100644
index 00000000..3a1d6f22
--- /dev/null
+++ b/packages/ui/components/CurrentPasswordInput.wrn
@@ -0,0 +1,16 @@
+component CurrentPasswordInput {
+  props {
+    label = "CurrentPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/CustomerLogo.wrn b/packages/ui/components/CustomerLogo.wrn
new file mode 100644
index 00000000..c377b692
--- /dev/null
+++ b/packages/ui/components/CustomerLogo.wrn
@@ -0,0 +1,13 @@
+component CustomerLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/CustomerStoryCard.wrn b/packages/ui/components/CustomerStoryCard.wrn
new file mode 100644
index 00000000..f0b2a100
--- /dev/null
+++ b/packages/ui/components/CustomerStoryCard.wrn
@@ -0,0 +1,13 @@
+component CustomerStoryCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DataProtectionCard.wrn b/packages/ui/components/DataProtectionCard.wrn
new file mode 100644
index 00000000..02326619
--- /dev/null
+++ b/packages/ui/components/DataProtectionCard.wrn
@@ -0,0 +1,13 @@
+component DataProtectionCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DataRetentionTable.wrn b/packages/ui/components/DataRetentionTable.wrn
new file mode 100644
index 00000000..0292cd3f
--- /dev/null
+++ b/packages/ui/components/DataRetentionTable.wrn
@@ -0,0 +1,10 @@
+component DataRetentionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/DateRangeCalendar.wrn b/packages/ui/components/DateRangeCalendar.wrn
new file mode 100644
index 00000000..d9315b5c
--- /dev/null
+++ b/packages/ui/components/DateRangeCalendar.wrn
@@ -0,0 +1,13 @@
+component DateRangeCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DateRangeSlider.wrn b/packages/ui/components/DateRangeSlider.wrn
new file mode 100644
index 00000000..e0fb5e78
--- /dev/null
+++ b/packages/ui/components/DateRangeSlider.wrn
@@ -0,0 +1,13 @@
+component DateRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DateTimeRangePicker.wrn b/packages/ui/components/DateTimeRangePicker.wrn
new file mode 100644
index 00000000..fec48f5f
--- /dev/null
+++ b/packages/ui/components/DateTimeRangePicker.wrn
@@ -0,0 +1,16 @@
+component DateTimeRangePicker {
+  props {
+    label = "DateTimeRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DecimalInput.wrn b/packages/ui/components/DecimalInput.wrn
new file mode 100644
index 00000000..724952b5
--- /dev/null
+++ b/packages/ui/components/DecimalInput.wrn
@@ -0,0 +1,16 @@
+component DecimalInput {
+  props {
+    label = "Decimal" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DefinitionList.wrn b/packages/ui/components/DefinitionList.wrn
new file mode 100644
index 00000000..4535aee5
--- /dev/null
+++ b/packages/ui/components/DefinitionList.wrn
@@ -0,0 +1,10 @@
+component DefinitionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/DeleteConfirmationDialog.wrn b/packages/ui/components/DeleteConfirmationDialog.wrn
new file mode 100644
index 00000000..4c57325c
--- /dev/null
+++ b/packages/ui/components/DeleteConfirmationDialog.wrn
@@ -0,0 +1,10 @@
+component DeleteConfirmationDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/DeliveryPreview.wrn b/packages/ui/components/DeliveryPreview.wrn
new file mode 100644
index 00000000..3805f5f0
--- /dev/null
+++ b/packages/ui/components/DeliveryPreview.wrn
@@ -0,0 +1,13 @@
+component DeliveryPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DeliveryStatusChart.wrn b/packages/ui/components/DeliveryStatusChart.wrn
new file mode 100644
index 00000000..2eec2737
--- /dev/null
+++ b/packages/ui/components/DeliveryStatusChart.wrn
@@ -0,0 +1,11 @@
+component DeliveryStatusChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/DeliveryStatusTimeline.wrn b/packages/ui/components/DeliveryStatusTimeline.wrn
new file mode 100644
index 00000000..31d90d63
--- /dev/null
+++ b/packages/ui/components/DeliveryStatusTimeline.wrn
@@ -0,0 +1,11 @@
+component DeliveryStatusTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/DemoRequestForm.wrn b/packages/ui/components/DemoRequestForm.wrn
new file mode 100644
index 00000000..d2c4ef09
--- /dev/null
+++ b/packages/ui/components/DemoRequestForm.wrn
@@ -0,0 +1,13 @@
+component DemoRequestForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DepartmentInput.wrn b/packages/ui/components/DepartmentInput.wrn
new file mode 100644
index 00000000..833f66d5
--- /dev/null
+++ b/packages/ui/components/DepartmentInput.wrn
@@ -0,0 +1,16 @@
+component DepartmentInput {
+  props {
+    label = "Department" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DeprecatedFeatureAlert.wrn b/packages/ui/components/DeprecatedFeatureAlert.wrn
new file mode 100644
index 00000000..1b750233
--- /dev/null
+++ b/packages/ui/components/DeprecatedFeatureAlert.wrn
@@ -0,0 +1,11 @@
+component DeprecatedFeatureAlert {
+  props {
+    label = "DeprecatedFeature" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/DescriptionList.wrn b/packages/ui/components/DescriptionList.wrn
new file mode 100644
index 00000000..93cddb8f
--- /dev/null
+++ b/packages/ui/components/DescriptionList.wrn
@@ -0,0 +1,10 @@
+component DescriptionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/DeveloperCTA.wrn b/packages/ui/components/DeveloperCTA.wrn
new file mode 100644
index 00000000..0f4e3fbd
--- /dev/null
+++ b/packages/ui/components/DeveloperCTA.wrn
@@ -0,0 +1,11 @@
+component DeveloperCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/DeveloperHero.wrn b/packages/ui/components/DeveloperHero.wrn
new file mode 100644
index 00000000..cf3536da
--- /dev/null
+++ b/packages/ui/components/DeveloperHero.wrn
@@ -0,0 +1,10 @@
+component DeveloperHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/DeveloperPageShell.wrn b/packages/ui/components/DeveloperPageShell.wrn
new file mode 100644
index 00000000..cb5214a3
--- /dev/null
+++ b/packages/ui/components/DeveloperPageShell.wrn
@@ -0,0 +1,10 @@
+component DeveloperPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/DeveloperSearch.wrn b/packages/ui/components/DeveloperSearch.wrn
new file mode 100644
index 00000000..d6b8106a
--- /dev/null
+++ b/packages/ui/components/DeveloperSearch.wrn
@@ -0,0 +1,13 @@
+component DeveloperSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DevelopersMenu.wrn b/packages/ui/components/DevelopersMenu.wrn
new file mode 100644
index 00000000..a971815e
--- /dev/null
+++ b/packages/ui/components/DevelopersMenu.wrn
@@ -0,0 +1,10 @@
+component DevelopersMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/DeviceCard.wrn b/packages/ui/components/DeviceCard.wrn
new file mode 100644
index 00000000..895a9dca
--- /dev/null
+++ b/packages/ui/components/DeviceCard.wrn
@@ -0,0 +1,13 @@
+component DeviceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DiscountInput.wrn b/packages/ui/components/DiscountInput.wrn
new file mode 100644
index 00000000..c18429be
--- /dev/null
+++ b/packages/ui/components/DiscountInput.wrn
@@ -0,0 +1,16 @@
+component DiscountInput {
+  props {
+    label = "Discount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DisplayNameInput.wrn b/packages/ui/components/DisplayNameInput.wrn
new file mode 100644
index 00000000..763031f2
--- /dev/null
+++ b/packages/ui/components/DisplayNameInput.wrn
@@ -0,0 +1,16 @@
+component DisplayNameInput {
+  props {
+    label = "DisplayName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DoNotSellLink.wrn b/packages/ui/components/DoNotSellLink.wrn
new file mode 100644
index 00000000..7a02b360
--- /dev/null
+++ b/packages/ui/components/DoNotSellLink.wrn
@@ -0,0 +1,11 @@
+component DoNotSellLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/DocumentPreview.wrn b/packages/ui/components/DocumentPreview.wrn
new file mode 100644
index 00000000..61ed225c
--- /dev/null
+++ b/packages/ui/components/DocumentPreview.wrn
@@ -0,0 +1,13 @@
+component DocumentPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DocumentUpload.wrn b/packages/ui/components/DocumentUpload.wrn
new file mode 100644
index 00000000..002a920b
--- /dev/null
+++ b/packages/ui/components/DocumentUpload.wrn
@@ -0,0 +1,13 @@
+component DocumentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DomainInput.wrn b/packages/ui/components/DomainInput.wrn
new file mode 100644
index 00000000..b55a2d82
--- /dev/null
+++ b/packages/ui/components/DomainInput.wrn
@@ -0,0 +1,16 @@
+component DomainInput {
+  props {
+    label = "Domain" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DonutChart.wrn b/packages/ui/components/DonutChart.wrn
new file mode 100644
index 00000000..e4b6c899
--- /dev/null
+++ b/packages/ui/components/DonutChart.wrn
@@ -0,0 +1,11 @@
+component DonutChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/DownloadAction.wrn b/packages/ui/components/DownloadAction.wrn
new file mode 100644
index 00000000..1d0ee84d
--- /dev/null
+++ b/packages/ui/components/DownloadAction.wrn
@@ -0,0 +1,11 @@
+component DownloadAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/DownloadGateForm.wrn b/packages/ui/components/DownloadGateForm.wrn
new file mode 100644
index 00000000..ed3ada8b
--- /dev/null
+++ b/packages/ui/components/DownloadGateForm.wrn
@@ -0,0 +1,13 @@
+component DownloadGateForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DownloadPolicyButton.wrn b/packages/ui/components/DownloadPolicyButton.wrn
new file mode 100644
index 00000000..1ee82d26
--- /dev/null
+++ b/packages/ui/components/DownloadPolicyButton.wrn
@@ -0,0 +1,11 @@
+component DownloadPolicyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/DownloadResourceForm.wrn b/packages/ui/components/DownloadResourceForm.wrn
new file mode 100644
index 00000000..ffd18940
--- /dev/null
+++ b/packages/ui/components/DownloadResourceForm.wrn
@@ -0,0 +1,13 @@
+component DownloadResourceForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/DropdownNavigation.wrn b/packages/ui/components/DropdownNavigation.wrn
new file mode 100644
index 00000000..f41eb1cf
--- /dev/null
+++ b/packages/ui/components/DropdownNavigation.wrn
@@ -0,0 +1,10 @@
+component DropdownNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/DurationInput.wrn b/packages/ui/components/DurationInput.wrn
new file mode 100644
index 00000000..1b11745c
--- /dev/null
+++ b/packages/ui/components/DurationInput.wrn
@@ -0,0 +1,16 @@
+component DurationInput {
+  props {
+    label = "Duration" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DurationPicker.wrn b/packages/ui/components/DurationPicker.wrn
new file mode 100644
index 00000000..57f2fedf
--- /dev/null
+++ b/packages/ui/components/DurationPicker.wrn
@@ -0,0 +1,16 @@
+component DurationPicker {
+  props {
+    label = "Duration" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/DurationSlider.wrn b/packages/ui/components/DurationSlider.wrn
new file mode 100644
index 00000000..33f14043
--- /dev/null
+++ b/packages/ui/components/DurationSlider.wrn
@@ -0,0 +1,13 @@
+component DurationSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/EmailBodyEditor.wrn b/packages/ui/components/EmailBodyEditor.wrn
new file mode 100644
index 00000000..8df9bccf
--- /dev/null
+++ b/packages/ui/components/EmailBodyEditor.wrn
@@ -0,0 +1,16 @@
+component EmailBodyEditor {
+  props {
+    label = "EmailBody" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/EmailComposer.wrn b/packages/ui/components/EmailComposer.wrn
new file mode 100644
index 00000000..02f1368b
--- /dev/null
+++ b/packages/ui/components/EmailComposer.wrn
@@ -0,0 +1,13 @@
+component EmailComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/EmojiPicker.wrn b/packages/ui/components/EmojiPicker.wrn
new file mode 100644
index 00000000..5597ed59
--- /dev/null
+++ b/packages/ui/components/EmojiPicker.wrn
@@ -0,0 +1,16 @@
+component EmojiPicker {
+  props {
+    label = "Emoji" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/EncryptionDiagram.wrn b/packages/ui/components/EncryptionDiagram.wrn
new file mode 100644
index 00000000..99b62da6
--- /dev/null
+++ b/packages/ui/components/EncryptionDiagram.wrn
@@ -0,0 +1,11 @@
+component EncryptionDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/EnterpriseCTA.wrn b/packages/ui/components/EnterpriseCTA.wrn
new file mode 100644
index 00000000..008e0fba
--- /dev/null
+++ b/packages/ui/components/EnterpriseCTA.wrn
@@ -0,0 +1,11 @@
+component EnterpriseCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/EnterpriseHero.wrn b/packages/ui/components/EnterpriseHero.wrn
new file mode 100644
index 00000000..eb5fda6d
--- /dev/null
+++ b/packages/ui/components/EnterpriseHero.wrn
@@ -0,0 +1,10 @@
+component EnterpriseHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/EnterprisePricingCard.wrn b/packages/ui/components/EnterprisePricingCard.wrn
new file mode 100644
index 00000000..4d5589e9
--- /dev/null
+++ b/packages/ui/components/EnterprisePricingCard.wrn
@@ -0,0 +1,13 @@
+component EnterprisePricingCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/EnvironmentSelector.wrn b/packages/ui/components/EnvironmentSelector.wrn
new file mode 100644
index 00000000..0f5585bf
--- /dev/null
+++ b/packages/ui/components/EnvironmentSelector.wrn
@@ -0,0 +1,16 @@
+component EnvironmentSelector {
+  props {
+    label = "Environment" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/EnvironmentSwitcher.wrn b/packages/ui/components/EnvironmentSwitcher.wrn
new file mode 100644
index 00000000..5cff628c
--- /dev/null
+++ b/packages/ui/components/EnvironmentSwitcher.wrn
@@ -0,0 +1,13 @@
+component EnvironmentSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ErrorActions.wrn b/packages/ui/components/ErrorActions.wrn
new file mode 100644
index 00000000..3464087a
--- /dev/null
+++ b/packages/ui/components/ErrorActions.wrn
@@ -0,0 +1,11 @@
+component ErrorActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ErrorCode.wrn b/packages/ui/components/ErrorCode.wrn
new file mode 100644
index 00000000..09f0ef91
--- /dev/null
+++ b/packages/ui/components/ErrorCode.wrn
@@ -0,0 +1,13 @@
+component ErrorCode {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ErrorHero.wrn b/packages/ui/components/ErrorHero.wrn
new file mode 100644
index 00000000..11cb3fdc
--- /dev/null
+++ b/packages/ui/components/ErrorHero.wrn
@@ -0,0 +1,10 @@
+component ErrorHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ErrorIllustration.wrn b/packages/ui/components/ErrorIllustration.wrn
new file mode 100644
index 00000000..e31e54d7
--- /dev/null
+++ b/packages/ui/components/ErrorIllustration.wrn
@@ -0,0 +1,13 @@
+component ErrorIllustration {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ErrorPage.wrn b/packages/ui/components/ErrorPage.wrn
new file mode 100644
index 00000000..beb34f82
--- /dev/null
+++ b/packages/ui/components/ErrorPage.wrn
@@ -0,0 +1,13 @@
+component ErrorPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ErrorPageShell.wrn b/packages/ui/components/ErrorPageShell.wrn
new file mode 100644
index 00000000..9fd5e587
--- /dev/null
+++ b/packages/ui/components/ErrorPageShell.wrn
@@ -0,0 +1,10 @@
+component ErrorPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ErrorSupportLink.wrn b/packages/ui/components/ErrorSupportLink.wrn
new file mode 100644
index 00000000..047a751d
--- /dev/null
+++ b/packages/ui/components/ErrorSupportLink.wrn
@@ -0,0 +1,11 @@
+component ErrorSupportLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/EstimatedCostSummary.wrn b/packages/ui/components/EstimatedCostSummary.wrn
new file mode 100644
index 00000000..f90ec28b
--- /dev/null
+++ b/packages/ui/components/EstimatedCostSummary.wrn
@@ -0,0 +1,13 @@
+component EstimatedCostSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/EventTable.wrn b/packages/ui/components/EventTable.wrn
new file mode 100644
index 00000000..0c1f65d0
--- /dev/null
+++ b/packages/ui/components/EventTable.wrn
@@ -0,0 +1,10 @@
+component EventTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ExpandableText.wrn b/packages/ui/components/ExpandableText.wrn
new file mode 100644
index 00000000..4ad005a7
--- /dev/null
+++ b/packages/ui/components/ExpandableText.wrn
@@ -0,0 +1,13 @@
+component ExpandableText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ExpiryDateTimePicker.wrn b/packages/ui/components/ExpiryDateTimePicker.wrn
new file mode 100644
index 00000000..f82dc331
--- /dev/null
+++ b/packages/ui/components/ExpiryDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component ExpiryDateTimePicker {
+  props {
+    label = "ExpiryDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ExportProgress.wrn b/packages/ui/components/ExportProgress.wrn
new file mode 100644
index 00000000..86cc638a
--- /dev/null
+++ b/packages/ui/components/ExportProgress.wrn
@@ -0,0 +1,11 @@
+component ExportProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ExternalLink.wrn b/packages/ui/components/ExternalLink.wrn
new file mode 100644
index 00000000..87d4c306
--- /dev/null
+++ b/packages/ui/components/ExternalLink.wrn
@@ -0,0 +1,11 @@
+component ExternalLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/FactorCard.wrn b/packages/ui/components/FactorCard.wrn
new file mode 100644
index 00000000..0d5f8d4a
--- /dev/null
+++ b/packages/ui/components/FactorCard.wrn
@@ -0,0 +1,13 @@
+component FactorCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FallbackRouteBuilder.wrn b/packages/ui/components/FallbackRouteBuilder.wrn
new file mode 100644
index 00000000..c8037e01
--- /dev/null
+++ b/packages/ui/components/FallbackRouteBuilder.wrn
@@ -0,0 +1,13 @@
+component FallbackRouteBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FallbackRouteDiagram.wrn b/packages/ui/components/FallbackRouteDiagram.wrn
new file mode 100644
index 00000000..c0239371
--- /dev/null
+++ b/packages/ui/components/FallbackRouteDiagram.wrn
@@ -0,0 +1,11 @@
+component FallbackRouteDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/FaviconUpload.wrn b/packages/ui/components/FaviconUpload.wrn
new file mode 100644
index 00000000..64ea175f
--- /dev/null
+++ b/packages/ui/components/FaviconUpload.wrn
@@ -0,0 +1,13 @@
+component FaviconUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FaxInput.wrn b/packages/ui/components/FaxInput.wrn
new file mode 100644
index 00000000..ca45115c
--- /dev/null
+++ b/packages/ui/components/FaxInput.wrn
@@ -0,0 +1,16 @@
+component FaxInput {
+  props {
+    label = "Fax" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FeatureChecklist.wrn b/packages/ui/components/FeatureChecklist.wrn
new file mode 100644
index 00000000..f9b9d4c9
--- /dev/null
+++ b/packages/ui/components/FeatureChecklist.wrn
@@ -0,0 +1,13 @@
+component FeatureChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FeatureComparisonTable.wrn b/packages/ui/components/FeatureComparisonTable.wrn
new file mode 100644
index 00000000..1e55f634
--- /dev/null
+++ b/packages/ui/components/FeatureComparisonTable.wrn
@@ -0,0 +1,10 @@
+component FeatureComparisonTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FeatureDetailsPanel.wrn b/packages/ui/components/FeatureDetailsPanel.wrn
new file mode 100644
index 00000000..12146226
--- /dev/null
+++ b/packages/ui/components/FeatureDetailsPanel.wrn
@@ -0,0 +1,10 @@
+component FeatureDetailsPanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/FeatureIconCard.wrn b/packages/ui/components/FeatureIconCard.wrn
new file mode 100644
index 00000000..5c92f827
--- /dev/null
+++ b/packages/ui/components/FeatureIconCard.wrn
@@ -0,0 +1,13 @@
+component FeatureIconCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FeatureList.wrn b/packages/ui/components/FeatureList.wrn
new file mode 100644
index 00000000..3dc59590
--- /dev/null
+++ b/packages/ui/components/FeatureList.wrn
@@ -0,0 +1,10 @@
+component FeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FeatureTabs.wrn b/packages/ui/components/FeatureTabs.wrn
new file mode 100644
index 00000000..63841164
--- /dev/null
+++ b/packages/ui/components/FeatureTabs.wrn
@@ -0,0 +1,13 @@
+component FeatureTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FeatureTimeline.wrn b/packages/ui/components/FeatureTimeline.wrn
new file mode 100644
index 00000000..d04b97f9
--- /dev/null
+++ b/packages/ui/components/FeatureTimeline.wrn
@@ -0,0 +1,11 @@
+component FeatureTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/FeatureUnavailableState.wrn b/packages/ui/components/FeatureUnavailableState.wrn
new file mode 100644
index 00000000..53d6ad9f
--- /dev/null
+++ b/packages/ui/components/FeatureUnavailableState.wrn
@@ -0,0 +1,11 @@
+component FeatureUnavailableState {
+  props {
+    label = "FeatureUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/FeaturedBlogCard.wrn b/packages/ui/components/FeaturedBlogCard.wrn
new file mode 100644
index 00000000..7c01743c
--- /dev/null
+++ b/packages/ui/components/FeaturedBlogCard.wrn
@@ -0,0 +1,13 @@
+component FeaturedBlogCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FieldActions.wrn b/packages/ui/components/FieldActions.wrn
new file mode 100644
index 00000000..a63d1590
--- /dev/null
+++ b/packages/ui/components/FieldActions.wrn
@@ -0,0 +1,11 @@
+component FieldActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/FileInput.wrn b/packages/ui/components/FileInput.wrn
new file mode 100644
index 00000000..722bf73b
--- /dev/null
+++ b/packages/ui/components/FileInput.wrn
@@ -0,0 +1,16 @@
+component FileInput {
+  props {
+    label = "File" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FileList.wrn b/packages/ui/components/FileList.wrn
new file mode 100644
index 00000000..4852cb4c
--- /dev/null
+++ b/packages/ui/components/FileList.wrn
@@ -0,0 +1,10 @@
+component FileList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FileSizeInput.wrn b/packages/ui/components/FileSizeInput.wrn
new file mode 100644
index 00000000..2d9c7e21
--- /dev/null
+++ b/packages/ui/components/FileSizeInput.wrn
@@ -0,0 +1,16 @@
+component FileSizeInput {
+  props {
+    label = "FileSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FileSizeLabel.wrn b/packages/ui/components/FileSizeLabel.wrn
new file mode 100644
index 00000000..41268a88
--- /dev/null
+++ b/packages/ui/components/FileSizeLabel.wrn
@@ -0,0 +1,13 @@
+component FileSizeLabel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FileTypeBadge.wrn b/packages/ui/components/FileTypeBadge.wrn
new file mode 100644
index 00000000..0859b24d
--- /dev/null
+++ b/packages/ui/components/FileTypeBadge.wrn
@@ -0,0 +1,11 @@
+component FileTypeBadge {
+  props {
+    label = "FileType" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/FilterMenu.wrn b/packages/ui/components/FilterMenu.wrn
new file mode 100644
index 00000000..4b2adc4f
--- /dev/null
+++ b/packages/ui/components/FilterMenu.wrn
@@ -0,0 +1,10 @@
+component FilterMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/FilterSearchInput.wrn b/packages/ui/components/FilterSearchInput.wrn
new file mode 100644
index 00000000..154a74b3
--- /dev/null
+++ b/packages/ui/components/FilterSearchInput.wrn
@@ -0,0 +1,16 @@
+component FilterSearchInput {
+  props {
+    label = "FilterSearch" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FilterableTable.wrn b/packages/ui/components/FilterableTable.wrn
new file mode 100644
index 00000000..5af1b937
--- /dev/null
+++ b/packages/ui/components/FilterableTable.wrn
@@ -0,0 +1,10 @@
+component FilterableTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FinalCTA.wrn b/packages/ui/components/FinalCTA.wrn
new file mode 100644
index 00000000..d7019215
--- /dev/null
+++ b/packages/ui/components/FinalCTA.wrn
@@ -0,0 +1,11 @@
+component FinalCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/FirstNameInput.wrn b/packages/ui/components/FirstNameInput.wrn
new file mode 100644
index 00000000..2ea59f0b
--- /dev/null
+++ b/packages/ui/components/FirstNameInput.wrn
@@ -0,0 +1,16 @@
+component FirstNameInput {
+  props {
+    label = "FirstName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FontPicker.wrn b/packages/ui/components/FontPicker.wrn
new file mode 100644
index 00000000..b0eeab00
--- /dev/null
+++ b/packages/ui/components/FontPicker.wrn
@@ -0,0 +1,16 @@
+component FontPicker {
+  props {
+    label = "Font" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FontSizePicker.wrn b/packages/ui/components/FontSizePicker.wrn
new file mode 100644
index 00000000..9582d2a2
--- /dev/null
+++ b/packages/ui/components/FontSizePicker.wrn
@@ -0,0 +1,16 @@
+component FontSizePicker {
+  props {
+    label = "FontSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FontWeightPicker.wrn b/packages/ui/components/FontWeightPicker.wrn
new file mode 100644
index 00000000..5c184d30
--- /dev/null
+++ b/packages/ui/components/FontWeightPicker.wrn
@@ -0,0 +1,16 @@
+component FontWeightPicker {
+  props {
+    label = "FontWeight" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FooterLanguageSwitcher.wrn b/packages/ui/components/FooterLanguageSwitcher.wrn
new file mode 100644
index 00000000..8166c067
--- /dev/null
+++ b/packages/ui/components/FooterLanguageSwitcher.wrn
@@ -0,0 +1,13 @@
+component FooterLanguageSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FooterStatusIndicator.wrn b/packages/ui/components/FooterStatusIndicator.wrn
new file mode 100644
index 00000000..958151c5
--- /dev/null
+++ b/packages/ui/components/FooterStatusIndicator.wrn
@@ -0,0 +1,11 @@
+component FooterStatusIndicator {
+  props {
+    label = "FooterStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ForbiddenPage.wrn b/packages/ui/components/ForbiddenPage.wrn
new file mode 100644
index 00000000..b7c2cc15
--- /dev/null
+++ b/packages/ui/components/ForbiddenPage.wrn
@@ -0,0 +1,13 @@
+component ForbiddenPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ForbiddenState.wrn b/packages/ui/components/ForbiddenState.wrn
new file mode 100644
index 00000000..5e17af06
--- /dev/null
+++ b/packages/ui/components/ForbiddenState.wrn
@@ -0,0 +1,11 @@
+component ForbiddenState {
+  props {
+    label = "Forbidden" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ForgotPasswordForm.wrn b/packages/ui/components/ForgotPasswordForm.wrn
new file mode 100644
index 00000000..8bb68418
--- /dev/null
+++ b/packages/ui/components/ForgotPasswordForm.wrn
@@ -0,0 +1,13 @@
+component ForgotPasswordForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/FormActions.wrn b/packages/ui/components/FormActions.wrn
new file mode 100644
index 00000000..caa3d21b
--- /dev/null
+++ b/packages/ui/components/FormActions.wrn
@@ -0,0 +1,11 @@
+component FormActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/FormAlert.wrn b/packages/ui/components/FormAlert.wrn
new file mode 100644
index 00000000..1af27cec
--- /dev/null
+++ b/packages/ui/components/FormAlert.wrn
@@ -0,0 +1,11 @@
+component FormAlert {
+  props {
+    label = "Form" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/FormDialog.wrn b/packages/ui/components/FormDialog.wrn
new file mode 100644
index 00000000..0f62d212
--- /dev/null
+++ b/packages/ui/components/FormDialog.wrn
@@ -0,0 +1,10 @@
+component FormDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/FormGrid.wrn b/packages/ui/components/FormGrid.wrn
new file mode 100644
index 00000000..4933d481
--- /dev/null
+++ b/packages/ui/components/FormGrid.wrn
@@ -0,0 +1,10 @@
+component FormGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FormGroup.wrn b/packages/ui/components/FormGroup.wrn
new file mode 100644
index 00000000..d508762a
--- /dev/null
+++ b/packages/ui/components/FormGroup.wrn
@@ -0,0 +1,16 @@
+component FormGroup {
+  props {
+    label = "Form" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/FormProgress.wrn b/packages/ui/components/FormProgress.wrn
new file mode 100644
index 00000000..92452fe1
--- /dev/null
+++ b/packages/ui/components/FormProgress.wrn
@@ -0,0 +1,11 @@
+component FormProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/FormRow.wrn b/packages/ui/components/FormRow.wrn
new file mode 100644
index 00000000..66ef9d67
--- /dev/null
+++ b/packages/ui/components/FormRow.wrn
@@ -0,0 +1,10 @@
+component FormRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/FormSection.wrn b/packages/ui/components/FormSection.wrn
new file mode 100644
index 00000000..aba384c9
--- /dev/null
+++ b/packages/ui/components/FormSection.wrn
@@ -0,0 +1,10 @@
+component FormSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/FullscreenDialog.wrn b/packages/ui/components/FullscreenDialog.wrn
new file mode 100644
index 00000000..9a4b2d89
--- /dev/null
+++ b/packages/ui/components/FullscreenDialog.wrn
@@ -0,0 +1,10 @@
+component FullscreenDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/FunnelChart.wrn b/packages/ui/components/FunnelChart.wrn
new file mode 100644
index 00000000..cb714492
--- /dev/null
+++ b/packages/ui/components/FunnelChart.wrn
@@ -0,0 +1,11 @@
+component FunnelChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/GeoChart.wrn b/packages/ui/components/GeoChart.wrn
new file mode 100644
index 00000000..b448088f
--- /dev/null
+++ b/packages/ui/components/GeoChart.wrn
@@ -0,0 +1,11 @@
+component GeoChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/GeofenceEditor.wrn b/packages/ui/components/GeofenceEditor.wrn
new file mode 100644
index 00000000..15f61f70
--- /dev/null
+++ b/packages/ui/components/GeofenceEditor.wrn
@@ -0,0 +1,16 @@
+component GeofenceEditor {
+  props {
+    label = "Geofence" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/GlobalSearch.wrn b/packages/ui/components/GlobalSearch.wrn
new file mode 100644
index 00000000..8ed535b1
--- /dev/null
+++ b/packages/ui/components/GlobalSearch.wrn
@@ -0,0 +1,13 @@
+component GlobalSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/GradientCTA.wrn b/packages/ui/components/GradientCTA.wrn
new file mode 100644
index 00000000..45c250fc
--- /dev/null
+++ b/packages/ui/components/GradientCTA.wrn
@@ -0,0 +1,11 @@
+component GradientCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/GradientPicker.wrn b/packages/ui/components/GradientPicker.wrn
new file mode 100644
index 00000000..01992cd4
--- /dev/null
+++ b/packages/ui/components/GradientPicker.wrn
@@ -0,0 +1,16 @@
+component GradientPicker {
+  props {
+    label = "Gradient" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/GradientStopEditor.wrn b/packages/ui/components/GradientStopEditor.wrn
new file mode 100644
index 00000000..055dd545
--- /dev/null
+++ b/packages/ui/components/GradientStopEditor.wrn
@@ -0,0 +1,16 @@
+component GradientStopEditor {
+  props {
+    label = "GradientStop" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/GuideCard.wrn b/packages/ui/components/GuideCard.wrn
new file mode 100644
index 00000000..9faa305a
--- /dev/null
+++ b/packages/ui/components/GuideCard.wrn
@@ -0,0 +1,13 @@
+component GuideCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/GuideChecklist.wrn b/packages/ui/components/GuideChecklist.wrn
new file mode 100644
index 00000000..afb78f17
--- /dev/null
+++ b/packages/ui/components/GuideChecklist.wrn
@@ -0,0 +1,13 @@
+component GuideChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/GuideDifficultyBadge.wrn b/packages/ui/components/GuideDifficultyBadge.wrn
new file mode 100644
index 00000000..847bb1ef
--- /dev/null
+++ b/packages/ui/components/GuideDifficultyBadge.wrn
@@ -0,0 +1,11 @@
+component GuideDifficultyBadge {
+  props {
+    label = "GuideDifficulty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/GuideGrid.wrn b/packages/ui/components/GuideGrid.wrn
new file mode 100644
index 00000000..1feae40b
--- /dev/null
+++ b/packages/ui/components/GuideGrid.wrn
@@ -0,0 +1,10 @@
+component GuideGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/GuideStep.wrn b/packages/ui/components/GuideStep.wrn
new file mode 100644
index 00000000..54cd1728
--- /dev/null
+++ b/packages/ui/components/GuideStep.wrn
@@ -0,0 +1,13 @@
+component GuideStep {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/Header.wrn b/packages/ui/components/Header.wrn
new file mode 100644
index 00000000..071beed7
--- /dev/null
+++ b/packages/ui/components/Header.wrn
@@ -0,0 +1,10 @@
+component Header {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/HeaderActions.wrn b/packages/ui/components/HeaderActions.wrn
new file mode 100644
index 00000000..26db0c30
--- /dev/null
+++ b/packages/ui/components/HeaderActions.wrn
@@ -0,0 +1,11 @@
+component HeaderActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/HeroActions.wrn b/packages/ui/components/HeroActions.wrn
new file mode 100644
index 00000000..708eaeb0
--- /dev/null
+++ b/packages/ui/components/HeroActions.wrn
@@ -0,0 +1,11 @@
+component HeroActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/HeroCodePanel.wrn b/packages/ui/components/HeroCodePanel.wrn
new file mode 100644
index 00000000..c0dd1a88
--- /dev/null
+++ b/packages/ui/components/HeroCodePanel.wrn
@@ -0,0 +1,10 @@
+component HeroCodePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/HeroGradientText.wrn b/packages/ui/components/HeroGradientText.wrn
new file mode 100644
index 00000000..9f54f25c
--- /dev/null
+++ b/packages/ui/components/HeroGradientText.wrn
@@ -0,0 +1,13 @@
+component HeroGradientText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/HeroPrimaryAction.wrn b/packages/ui/components/HeroPrimaryAction.wrn
new file mode 100644
index 00000000..3e5fedb6
--- /dev/null
+++ b/packages/ui/components/HeroPrimaryAction.wrn
@@ -0,0 +1,11 @@
+component HeroPrimaryAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/HeroProductPreview.wrn b/packages/ui/components/HeroProductPreview.wrn
new file mode 100644
index 00000000..903667f2
--- /dev/null
+++ b/packages/ui/components/HeroProductPreview.wrn
@@ -0,0 +1,13 @@
+component HeroProductPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/HeroSecondaryAction.wrn b/packages/ui/components/HeroSecondaryAction.wrn
new file mode 100644
index 00000000..3682b597
--- /dev/null
+++ b/packages/ui/components/HeroSecondaryAction.wrn
@@ -0,0 +1,11 @@
+component HeroSecondaryAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/HeroTrustText.wrn b/packages/ui/components/HeroTrustText.wrn
new file mode 100644
index 00000000..5ec05c16
--- /dev/null
+++ b/packages/ui/components/HeroTrustText.wrn
@@ -0,0 +1,13 @@
+component HeroTrustText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/HexColorInput.wrn b/packages/ui/components/HexColorInput.wrn
new file mode 100644
index 00000000..47076d66
--- /dev/null
+++ b/packages/ui/components/HexColorInput.wrn
@@ -0,0 +1,16 @@
+component HexColorInput {
+  props {
+    label = "HexColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HiddenField.wrn b/packages/ui/components/HiddenField.wrn
new file mode 100644
index 00000000..1c634c2a
--- /dev/null
+++ b/packages/ui/components/HiddenField.wrn
@@ -0,0 +1,16 @@
+component HiddenField {
+  props {
+    label = "Hidden" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HighlightText.wrn b/packages/ui/components/HighlightText.wrn
new file mode 100644
index 00000000..43750dab
--- /dev/null
+++ b/packages/ui/components/HighlightText.wrn
@@ -0,0 +1,13 @@
+component HighlightText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/HolidayCalendar.wrn b/packages/ui/components/HolidayCalendar.wrn
new file mode 100644
index 00000000..299934b1
--- /dev/null
+++ b/packages/ui/components/HolidayCalendar.wrn
@@ -0,0 +1,13 @@
+component HolidayCalendar {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/HostnameInput.wrn b/packages/ui/components/HostnameInput.wrn
new file mode 100644
index 00000000..2a1df988
--- /dev/null
+++ b/packages/ui/components/HostnameInput.wrn
@@ -0,0 +1,16 @@
+component HostnameInput {
+  props {
+    label = "Hostname" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HourPicker.wrn b/packages/ui/components/HourPicker.wrn
new file mode 100644
index 00000000..2931e4c6
--- /dev/null
+++ b/packages/ui/components/HourPicker.wrn
@@ -0,0 +1,16 @@
+component HourPicker {
+  props {
+    label = "Hour" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HslColorInput.wrn b/packages/ui/components/HslColorInput.wrn
new file mode 100644
index 00000000..ba20721d
--- /dev/null
+++ b/packages/ui/components/HslColorInput.wrn
@@ -0,0 +1,16 @@
+component HslColorInput {
+  props {
+    label = "HslColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HtmlEditor.wrn b/packages/ui/components/HtmlEditor.wrn
new file mode 100644
index 00000000..ff2c2525
--- /dev/null
+++ b/packages/ui/components/HtmlEditor.wrn
@@ -0,0 +1,16 @@
+component HtmlEditor {
+  props {
+    label = "Html" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/HumanApprovalStep.wrn b/packages/ui/components/HumanApprovalStep.wrn
new file mode 100644
index 00000000..900eebb4
--- /dev/null
+++ b/packages/ui/components/HumanApprovalStep.wrn
@@ -0,0 +1,13 @@
+component HumanApprovalStep {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/Icon.wrn b/packages/ui/components/Icon.wrn
new file mode 100644
index 00000000..d6123ded
--- /dev/null
+++ b/packages/ui/components/Icon.wrn
@@ -0,0 +1,13 @@
+component Icon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/IconPicker.wrn b/packages/ui/components/IconPicker.wrn
new file mode 100644
index 00000000..af3c82bb
--- /dev/null
+++ b/packages/ui/components/IconPicker.wrn
@@ -0,0 +1,16 @@
+component IconPicker {
+  props {
+    label = "Icon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/IconSelector.wrn b/packages/ui/components/IconSelector.wrn
new file mode 100644
index 00000000..dbbe3bef
--- /dev/null
+++ b/packages/ui/components/IconSelector.wrn
@@ -0,0 +1,16 @@
+component IconSelector {
+  props {
+    label = "Icon" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/IdentifierInput.wrn b/packages/ui/components/IdentifierInput.wrn
new file mode 100644
index 00000000..cc110a0c
--- /dev/null
+++ b/packages/ui/components/IdentifierInput.wrn
@@ -0,0 +1,16 @@
+component IdentifierInput {
+  props {
+    label = "Identifier" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Illustration.wrn b/packages/ui/components/Illustration.wrn
new file mode 100644
index 00000000..c9cf28f9
--- /dev/null
+++ b/packages/ui/components/Illustration.wrn
@@ -0,0 +1,13 @@
+component Illustration {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ImageCompressionPreview.wrn b/packages/ui/components/ImageCompressionPreview.wrn
new file mode 100644
index 00000000..000bbf22
--- /dev/null
+++ b/packages/ui/components/ImageCompressionPreview.wrn
@@ -0,0 +1,13 @@
+component ImageCompressionPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ImageEditor.wrn b/packages/ui/components/ImageEditor.wrn
new file mode 100644
index 00000000..8b82527d
--- /dev/null
+++ b/packages/ui/components/ImageEditor.wrn
@@ -0,0 +1,16 @@
+component ImageEditor {
+  props {
+    label = "Image" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ImagePreviewDialog.wrn b/packages/ui/components/ImagePreviewDialog.wrn
new file mode 100644
index 00000000..d674ca03
--- /dev/null
+++ b/packages/ui/components/ImagePreviewDialog.wrn
@@ -0,0 +1,10 @@
+component ImagePreviewDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ImageSelector.wrn b/packages/ui/components/ImageSelector.wrn
new file mode 100644
index 00000000..9ae4b7a8
--- /dev/null
+++ b/packages/ui/components/ImageSelector.wrn
@@ -0,0 +1,16 @@
+component ImageSelector {
+  props {
+    label = "Image" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ImageUpload.wrn b/packages/ui/components/ImageUpload.wrn
new file mode 100644
index 00000000..bb300e60
--- /dev/null
+++ b/packages/ui/components/ImageUpload.wrn
@@ -0,0 +1,13 @@
+component ImageUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ImportProgress.wrn b/packages/ui/components/ImportProgress.wrn
new file mode 100644
index 00000000..2d44a338
--- /dev/null
+++ b/packages/ui/components/ImportProgress.wrn
@@ -0,0 +1,11 @@
+component ImportProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/IncidentAlert.wrn b/packages/ui/components/IncidentAlert.wrn
new file mode 100644
index 00000000..059f8a9c
--- /dev/null
+++ b/packages/ui/components/IncidentAlert.wrn
@@ -0,0 +1,11 @@
+component IncidentAlert {
+  props {
+    label = "Incident" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/IncidentBanner.wrn b/packages/ui/components/IncidentBanner.wrn
new file mode 100644
index 00000000..d31b9a59
--- /dev/null
+++ b/packages/ui/components/IncidentBanner.wrn
@@ -0,0 +1,11 @@
+component IncidentBanner {
+  props {
+    label = "Incident" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/IncidentCard.wrn b/packages/ui/components/IncidentCard.wrn
new file mode 100644
index 00000000..15b8456c
--- /dev/null
+++ b/packages/ui/components/IncidentCard.wrn
@@ -0,0 +1,13 @@
+component IncidentCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/IncidentList.wrn b/packages/ui/components/IncidentList.wrn
new file mode 100644
index 00000000..273a15cd
--- /dev/null
+++ b/packages/ui/components/IncidentList.wrn
@@ -0,0 +1,10 @@
+component IncidentList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/IncidentResponseFlow.wrn b/packages/ui/components/IncidentResponseFlow.wrn
new file mode 100644
index 00000000..0745cefd
--- /dev/null
+++ b/packages/ui/components/IncidentResponseFlow.wrn
@@ -0,0 +1,11 @@
+component IncidentResponseFlow {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/IncidentSeverityBadge.wrn b/packages/ui/components/IncidentSeverityBadge.wrn
new file mode 100644
index 00000000..fbb29e4a
--- /dev/null
+++ b/packages/ui/components/IncidentSeverityBadge.wrn
@@ -0,0 +1,11 @@
+component IncidentSeverityBadge {
+  props {
+    label = "IncidentSeverity" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/IncidentTimeline.wrn b/packages/ui/components/IncidentTimeline.wrn
new file mode 100644
index 00000000..470394cd
--- /dev/null
+++ b/packages/ui/components/IncidentTimeline.wrn
@@ -0,0 +1,11 @@
+component IncidentTimeline {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/IndustryBadge.wrn b/packages/ui/components/IndustryBadge.wrn
new file mode 100644
index 00000000..c0f144a0
--- /dev/null
+++ b/packages/ui/components/IndustryBadge.wrn
@@ -0,0 +1,11 @@
+component IndustryBadge {
+  props {
+    label = "Industry" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/IndustrySelector.wrn b/packages/ui/components/IndustrySelector.wrn
new file mode 100644
index 00000000..a92553b4
--- /dev/null
+++ b/packages/ui/components/IndustrySelector.wrn
@@ -0,0 +1,16 @@
+component IndustrySelector {
+  props {
+    label = "Industry" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/InlineAlert.wrn b/packages/ui/components/InlineAlert.wrn
new file mode 100644
index 00000000..08fb34ca
--- /dev/null
+++ b/packages/ui/components/InlineAlert.wrn
@@ -0,0 +1,11 @@
+component InlineAlert {
+  props {
+    label = "Inline" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/InputGroup.wrn b/packages/ui/components/InputGroup.wrn
new file mode 100644
index 00000000..7bc00faf
--- /dev/null
+++ b/packages/ui/components/InputGroup.wrn
@@ -0,0 +1,16 @@
+component InputGroup {
+  props {
+    label = "Input" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/IntegerInput.wrn b/packages/ui/components/IntegerInput.wrn
new file mode 100644
index 00000000..d07658b0
--- /dev/null
+++ b/packages/ui/components/IntegerInput.wrn
@@ -0,0 +1,16 @@
+component IntegerInput {
+  props {
+    label = "Integer" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/InvoiceLineItem.wrn b/packages/ui/components/InvoiceLineItem.wrn
new file mode 100644
index 00000000..eb691526
--- /dev/null
+++ b/packages/ui/components/InvoiceLineItem.wrn
@@ -0,0 +1,13 @@
+component InvoiceLineItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/InvoiceSummary.wrn b/packages/ui/components/InvoiceSummary.wrn
new file mode 100644
index 00000000..f898bc76
--- /dev/null
+++ b/packages/ui/components/InvoiceSummary.wrn
@@ -0,0 +1,13 @@
+component InvoiceSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/IpAddressInput.wrn b/packages/ui/components/IpAddressInput.wrn
new file mode 100644
index 00000000..98a6c98c
--- /dev/null
+++ b/packages/ui/components/IpAddressInput.wrn
@@ -0,0 +1,16 @@
+component IpAddressInput {
+  props {
+    label = "IpAddress" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/JobCard.wrn b/packages/ui/components/JobCard.wrn
new file mode 100644
index 00000000..a13bf2b4
--- /dev/null
+++ b/packages/ui/components/JobCard.wrn
@@ -0,0 +1,13 @@
+component JobCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/JobProgress.wrn b/packages/ui/components/JobProgress.wrn
new file mode 100644
index 00000000..f1cf0c4d
--- /dev/null
+++ b/packages/ui/components/JobProgress.wrn
@@ -0,0 +1,11 @@
+component JobProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/JobTitleInput.wrn b/packages/ui/components/JobTitleInput.wrn
new file mode 100644
index 00000000..a62fc7f9
--- /dev/null
+++ b/packages/ui/components/JobTitleInput.wrn
@@ -0,0 +1,16 @@
+component JobTitleInput {
+  props {
+    label = "JobTitle" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/JsonInput.wrn b/packages/ui/components/JsonInput.wrn
new file mode 100644
index 00000000..1704cb10
--- /dev/null
+++ b/packages/ui/components/JsonInput.wrn
@@ -0,0 +1,16 @@
+component JsonInput {
+  props {
+    label = "Json" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/JsonViewer.wrn b/packages/ui/components/JsonViewer.wrn
new file mode 100644
index 00000000..98bcd0db
--- /dev/null
+++ b/packages/ui/components/JsonViewer.wrn
@@ -0,0 +1,13 @@
+component JsonViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/KeyValueTable.wrn b/packages/ui/components/KeyValueTable.wrn
new file mode 100644
index 00000000..45cc2602
--- /dev/null
+++ b/packages/ui/components/KeyValueTable.wrn
@@ -0,0 +1,10 @@
+component KeyValueTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/KycDocumentUpload.wrn b/packages/ui/components/KycDocumentUpload.wrn
new file mode 100644
index 00000000..ecda9424
--- /dev/null
+++ b/packages/ui/components/KycDocumentUpload.wrn
@@ -0,0 +1,13 @@
+component KycDocumentUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LanguageSelector.wrn b/packages/ui/components/LanguageSelector.wrn
new file mode 100644
index 00000000..14254483
--- /dev/null
+++ b/packages/ui/components/LanguageSelector.wrn
@@ -0,0 +1,16 @@
+component LanguageSelector {
+  props {
+    label = "Language" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LanguageSwitcher.wrn b/packages/ui/components/LanguageSwitcher.wrn
new file mode 100644
index 00000000..5b0599d8
--- /dev/null
+++ b/packages/ui/components/LanguageSwitcher.wrn
@@ -0,0 +1,13 @@
+component LanguageSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LastNameInput.wrn b/packages/ui/components/LastNameInput.wrn
new file mode 100644
index 00000000..e135bdfe
--- /dev/null
+++ b/packages/ui/components/LastNameInput.wrn
@@ -0,0 +1,16 @@
+component LastNameInput {
+  props {
+    label = "LastName" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LatencyMetric.wrn b/packages/ui/components/LatencyMetric.wrn
new file mode 100644
index 00000000..c2de3220
--- /dev/null
+++ b/packages/ui/components/LatencyMetric.wrn
@@ -0,0 +1,11 @@
+component LatencyMetric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/LatitudeInput.wrn b/packages/ui/components/LatitudeInput.wrn
new file mode 100644
index 00000000..d948428e
--- /dev/null
+++ b/packages/ui/components/LatitudeInput.wrn
@@ -0,0 +1,16 @@
+component LatitudeInput {
+  props {
+    label = "Latitude" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LeadershipGrid.wrn b/packages/ui/components/LeadershipGrid.wrn
new file mode 100644
index 00000000..8bba82c8
--- /dev/null
+++ b/packages/ui/components/LeadershipGrid.wrn
@@ -0,0 +1,10 @@
+component LeadershipGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/LegalAcceptanceNotice.wrn b/packages/ui/components/LegalAcceptanceNotice.wrn
new file mode 100644
index 00000000..61d65317
--- /dev/null
+++ b/packages/ui/components/LegalAcceptanceNotice.wrn
@@ -0,0 +1,11 @@
+component LegalAcceptanceNotice {
+  props {
+    label = "LegalAcceptance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/LegalBulletList.wrn b/packages/ui/components/LegalBulletList.wrn
new file mode 100644
index 00000000..39fafdcd
--- /dev/null
+++ b/packages/ui/components/LegalBulletList.wrn
@@ -0,0 +1,10 @@
+component LegalBulletList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/LegalContactBlock.wrn b/packages/ui/components/LegalContactBlock.wrn
new file mode 100644
index 00000000..a525ebf0
--- /dev/null
+++ b/packages/ui/components/LegalContactBlock.wrn
@@ -0,0 +1,13 @@
+component LegalContactBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LegalDefinitionList.wrn b/packages/ui/components/LegalDefinitionList.wrn
new file mode 100644
index 00000000..6dd2e8b7
--- /dev/null
+++ b/packages/ui/components/LegalDefinitionList.wrn
@@ -0,0 +1,10 @@
+component LegalDefinitionList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/LegalDocumentHeader.wrn b/packages/ui/components/LegalDocumentHeader.wrn
new file mode 100644
index 00000000..6fd50290
--- /dev/null
+++ b/packages/ui/components/LegalDocumentHeader.wrn
@@ -0,0 +1,10 @@
+component LegalDocumentHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/LegalHero.wrn b/packages/ui/components/LegalHero.wrn
new file mode 100644
index 00000000..681b717c
--- /dev/null
+++ b/packages/ui/components/LegalHero.wrn
@@ -0,0 +1,10 @@
+component LegalHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/LegalLanguageSelector.wrn b/packages/ui/components/LegalLanguageSelector.wrn
new file mode 100644
index 00000000..179613ba
--- /dev/null
+++ b/packages/ui/components/LegalLanguageSelector.wrn
@@ -0,0 +1,16 @@
+component LegalLanguageSelector {
+  props {
+    label = "LegalLanguage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LegalNotice.wrn b/packages/ui/components/LegalNotice.wrn
new file mode 100644
index 00000000..b17aa543
--- /dev/null
+++ b/packages/ui/components/LegalNotice.wrn
@@ -0,0 +1,11 @@
+component LegalNotice {
+  props {
+    label = "Legal" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/LegalPrintButton.wrn b/packages/ui/components/LegalPrintButton.wrn
new file mode 100644
index 00000000..3ffb72c7
--- /dev/null
+++ b/packages/ui/components/LegalPrintButton.wrn
@@ -0,0 +1,11 @@
+component LegalPrintButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/LegalRegionSelector.wrn b/packages/ui/components/LegalRegionSelector.wrn
new file mode 100644
index 00000000..6df40e59
--- /dev/null
+++ b/packages/ui/components/LegalRegionSelector.wrn
@@ -0,0 +1,16 @@
+component LegalRegionSelector {
+  props {
+    label = "LegalRegion" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LegalSection.wrn b/packages/ui/components/LegalSection.wrn
new file mode 100644
index 00000000..a5805825
--- /dev/null
+++ b/packages/ui/components/LegalSection.wrn
@@ -0,0 +1,10 @@
+component LegalSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/LegalSummary.wrn b/packages/ui/components/LegalSummary.wrn
new file mode 100644
index 00000000..24b6a3ef
--- /dev/null
+++ b/packages/ui/components/LegalSummary.wrn
@@ -0,0 +1,13 @@
+component LegalSummary {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LegalTable.wrn b/packages/ui/components/LegalTable.wrn
new file mode 100644
index 00000000..c9555b0e
--- /dev/null
+++ b/packages/ui/components/LegalTable.wrn
@@ -0,0 +1,10 @@
+component LegalTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/LegalVersionBadge.wrn b/packages/ui/components/LegalVersionBadge.wrn
new file mode 100644
index 00000000..bb998c00
--- /dev/null
+++ b/packages/ui/components/LegalVersionBadge.wrn
@@ -0,0 +1,11 @@
+component LegalVersionBadge {
+  props {
+    label = "LegalVersion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/LetterSpacingPicker.wrn b/packages/ui/components/LetterSpacingPicker.wrn
new file mode 100644
index 00000000..f2a12de8
--- /dev/null
+++ b/packages/ui/components/LetterSpacingPicker.wrn
@@ -0,0 +1,16 @@
+component LetterSpacingPicker {
+  props {
+    label = "LetterSpacing" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LicenseKeyInput.wrn b/packages/ui/components/LicenseKeyInput.wrn
new file mode 100644
index 00000000..627fe080
--- /dev/null
+++ b/packages/ui/components/LicenseKeyInput.wrn
@@ -0,0 +1,16 @@
+component LicenseKeyInput {
+  props {
+    label = "LicenseKey" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Lightbox.wrn b/packages/ui/components/Lightbox.wrn
new file mode 100644
index 00000000..bbfcfe80
--- /dev/null
+++ b/packages/ui/components/Lightbox.wrn
@@ -0,0 +1,10 @@
+component Lightbox {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/LineChart.wrn b/packages/ui/components/LineChart.wrn
new file mode 100644
index 00000000..99ab8236
--- /dev/null
+++ b/packages/ui/components/LineChart.wrn
@@ -0,0 +1,11 @@
+component LineChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/LineHeightPicker.wrn b/packages/ui/components/LineHeightPicker.wrn
new file mode 100644
index 00000000..0dbfa67b
--- /dev/null
+++ b/packages/ui/components/LineHeightPicker.wrn
@@ -0,0 +1,16 @@
+component LineHeightPicker {
+  props {
+    label = "LineHeight" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/List.wrn b/packages/ui/components/List.wrn
new file mode 100644
index 00000000..a0f7f535
--- /dev/null
+++ b/packages/ui/components/List.wrn
@@ -0,0 +1,10 @@
+component List {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/LocaleSelector.wrn b/packages/ui/components/LocaleSelector.wrn
new file mode 100644
index 00000000..5c5abad5
--- /dev/null
+++ b/packages/ui/components/LocaleSelector.wrn
@@ -0,0 +1,16 @@
+component LocaleSelector {
+  props {
+    label = "Locale" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LocalizedRouteLink.wrn b/packages/ui/components/LocalizedRouteLink.wrn
new file mode 100644
index 00000000..d35e8944
--- /dev/null
+++ b/packages/ui/components/LocalizedRouteLink.wrn
@@ -0,0 +1,11 @@
+component LocalizedRouteLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/LocationPicker.wrn b/packages/ui/components/LocationPicker.wrn
new file mode 100644
index 00000000..0c4d4c8d
--- /dev/null
+++ b/packages/ui/components/LocationPicker.wrn
@@ -0,0 +1,16 @@
+component LocationPicker {
+  props {
+    label = "Location" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/LogTable.wrn b/packages/ui/components/LogTable.wrn
new file mode 100644
index 00000000..afe95b0f
--- /dev/null
+++ b/packages/ui/components/LogTable.wrn
@@ -0,0 +1,10 @@
+component LogTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/Logo.wrn b/packages/ui/components/Logo.wrn
new file mode 100644
index 00000000..72a2c027
--- /dev/null
+++ b/packages/ui/components/Logo.wrn
@@ -0,0 +1,13 @@
+component Logo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LogoUpload.wrn b/packages/ui/components/LogoUpload.wrn
new file mode 100644
index 00000000..3926d10b
--- /dev/null
+++ b/packages/ui/components/LogoUpload.wrn
@@ -0,0 +1,13 @@
+component LogoUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/LogoutDialog.wrn b/packages/ui/components/LogoutDialog.wrn
new file mode 100644
index 00000000..1e646bda
--- /dev/null
+++ b/packages/ui/components/LogoutDialog.wrn
@@ -0,0 +1,10 @@
+component LogoutDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/LongitudeInput.wrn b/packages/ui/components/LongitudeInput.wrn
new file mode 100644
index 00000000..b4bb7af1
--- /dev/null
+++ b/packages/ui/components/LongitudeInput.wrn
@@ -0,0 +1,16 @@
+component LongitudeInput {
+  props {
+    label = "Longitude" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MaintenanceAlert.wrn b/packages/ui/components/MaintenanceAlert.wrn
new file mode 100644
index 00000000..56576733
--- /dev/null
+++ b/packages/ui/components/MaintenanceAlert.wrn
@@ -0,0 +1,11 @@
+component MaintenanceAlert {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/MaintenanceBanner.wrn b/packages/ui/components/MaintenanceBanner.wrn
new file mode 100644
index 00000000..713542a8
--- /dev/null
+++ b/packages/ui/components/MaintenanceBanner.wrn
@@ -0,0 +1,11 @@
+component MaintenanceBanner {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/MaintenanceCard.wrn b/packages/ui/components/MaintenanceCard.wrn
new file mode 100644
index 00000000..a059041a
--- /dev/null
+++ b/packages/ui/components/MaintenanceCard.wrn
@@ -0,0 +1,13 @@
+component MaintenanceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MaintenancePage.wrn b/packages/ui/components/MaintenancePage.wrn
new file mode 100644
index 00000000..187824fb
--- /dev/null
+++ b/packages/ui/components/MaintenancePage.wrn
@@ -0,0 +1,13 @@
+component MaintenancePage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MaintenanceState.wrn b/packages/ui/components/MaintenanceState.wrn
new file mode 100644
index 00000000..c11b6750
--- /dev/null
+++ b/packages/ui/components/MaintenanceState.wrn
@@ -0,0 +1,11 @@
+component MaintenanceState {
+  props {
+    label = "Maintenance" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/MaintenanceWindowPicker.wrn b/packages/ui/components/MaintenanceWindowPicker.wrn
new file mode 100644
index 00000000..45e34f63
--- /dev/null
+++ b/packages/ui/components/MaintenanceWindowPicker.wrn
@@ -0,0 +1,16 @@
+component MaintenanceWindowPicker {
+  props {
+    label = "MaintenanceWindow" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MapPicker.wrn b/packages/ui/components/MapPicker.wrn
new file mode 100644
index 00000000..7d875a93
--- /dev/null
+++ b/packages/ui/components/MapPicker.wrn
@@ -0,0 +1,16 @@
+component MapPicker {
+  props {
+    label = "Map" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MarkdownEditor.wrn b/packages/ui/components/MarkdownEditor.wrn
new file mode 100644
index 00000000..61238a94
--- /dev/null
+++ b/packages/ui/components/MarkdownEditor.wrn
@@ -0,0 +1,16 @@
+component MarkdownEditor {
+  props {
+    label = "Markdown" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MarketingSectionHeader.wrn b/packages/ui/components/MarketingSectionHeader.wrn
new file mode 100644
index 00000000..2af47e80
--- /dev/null
+++ b/packages/ui/components/MarketingSectionHeader.wrn
@@ -0,0 +1,10 @@
+component MarketingSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/MaskedSecretField.wrn b/packages/ui/components/MaskedSecretField.wrn
new file mode 100644
index 00000000..f2860e6d
--- /dev/null
+++ b/packages/ui/components/MaskedSecretField.wrn
@@ -0,0 +1,16 @@
+component MaskedSecretField {
+  props {
+    label = "MaskedSecret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MemberList.wrn b/packages/ui/components/MemberList.wrn
new file mode 100644
index 00000000..9907389f
--- /dev/null
+++ b/packages/ui/components/MemberList.wrn
@@ -0,0 +1,10 @@
+component MemberList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/MentionInput.wrn b/packages/ui/components/MentionInput.wrn
new file mode 100644
index 00000000..8fd40583
--- /dev/null
+++ b/packages/ui/components/MentionInput.wrn
@@ -0,0 +1,16 @@
+component MentionInput {
+  props {
+    label = "Mention" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MessageCharacterCounter.wrn b/packages/ui/components/MessageCharacterCounter.wrn
new file mode 100644
index 00000000..30bbfdfb
--- /dev/null
+++ b/packages/ui/components/MessageCharacterCounter.wrn
@@ -0,0 +1,11 @@
+component MessageCharacterCounter {
+  props {
+    label = "MessageCharacter" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/MessageComposer.wrn b/packages/ui/components/MessageComposer.wrn
new file mode 100644
index 00000000..641f447c
--- /dev/null
+++ b/packages/ui/components/MessageComposer.wrn
@@ -0,0 +1,13 @@
+component MessageComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MessageComposerPreview.wrn b/packages/ui/components/MessageComposerPreview.wrn
new file mode 100644
index 00000000..1fa56c8f
--- /dev/null
+++ b/packages/ui/components/MessageComposerPreview.wrn
@@ -0,0 +1,13 @@
+component MessageComposerPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MessageLimitInput.wrn b/packages/ui/components/MessageLimitInput.wrn
new file mode 100644
index 00000000..06f7ee45
--- /dev/null
+++ b/packages/ui/components/MessageLimitInput.wrn
@@ -0,0 +1,16 @@
+component MessageLimitInput {
+  props {
+    label = "MessageLimit" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MessagePreview.wrn b/packages/ui/components/MessagePreview.wrn
new file mode 100644
index 00000000..47cafcf9
--- /dev/null
+++ b/packages/ui/components/MessagePreview.wrn
@@ -0,0 +1,13 @@
+component MessagePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MessageVolumeSlider.wrn b/packages/ui/components/MessageVolumeSlider.wrn
new file mode 100644
index 00000000..bd9f3a4a
--- /dev/null
+++ b/packages/ui/components/MessageVolumeSlider.wrn
@@ -0,0 +1,13 @@
+component MessageVolumeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/Metric.wrn b/packages/ui/components/Metric.wrn
new file mode 100644
index 00000000..682abc2a
--- /dev/null
+++ b/packages/ui/components/Metric.wrn
@@ -0,0 +1,11 @@
+component Metric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/MetricCard.wrn b/packages/ui/components/MetricCard.wrn
new file mode 100644
index 00000000..dc9f82a6
--- /dev/null
+++ b/packages/ui/components/MetricCard.wrn
@@ -0,0 +1,13 @@
+component MetricCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MinutePicker.wrn b/packages/ui/components/MinutePicker.wrn
new file mode 100644
index 00000000..9aa01269
--- /dev/null
+++ b/packages/ui/components/MinutePicker.wrn
@@ -0,0 +1,16 @@
+component MinutePicker {
+  props {
+    label = "Minute" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MissionSection.wrn b/packages/ui/components/MissionSection.wrn
new file mode 100644
index 00000000..93694c92
--- /dev/null
+++ b/packages/ui/components/MissionSection.wrn
@@ -0,0 +1,10 @@
+component MissionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/MobileDeviceFrame.wrn b/packages/ui/components/MobileDeviceFrame.wrn
new file mode 100644
index 00000000..1529f41b
--- /dev/null
+++ b/packages/ui/components/MobileDeviceFrame.wrn
@@ -0,0 +1,10 @@
+component MobileDeviceFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/MobileInput.wrn b/packages/ui/components/MobileInput.wrn
new file mode 100644
index 00000000..69da0fce
--- /dev/null
+++ b/packages/ui/components/MobileInput.wrn
@@ -0,0 +1,16 @@
+component MobileInput {
+  props {
+    label = "Mobile" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MobileMenuButton.wrn b/packages/ui/components/MobileMenuButton.wrn
new file mode 100644
index 00000000..2ff988f4
--- /dev/null
+++ b/packages/ui/components/MobileMenuButton.wrn
@@ -0,0 +1,11 @@
+component MobileMenuButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/MobileTableCard.wrn b/packages/ui/components/MobileTableCard.wrn
new file mode 100644
index 00000000..877aff18
--- /dev/null
+++ b/packages/ui/components/MobileTableCard.wrn
@@ -0,0 +1,13 @@
+component MobileTableCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MonthPicker.wrn b/packages/ui/components/MonthPicker.wrn
new file mode 100644
index 00000000..b4da50d4
--- /dev/null
+++ b/packages/ui/components/MonthPicker.wrn
@@ -0,0 +1,16 @@
+component MonthPicker {
+  props {
+    label = "Month" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MonthYearPicker.wrn b/packages/ui/components/MonthYearPicker.wrn
new file mode 100644
index 00000000..489589bc
--- /dev/null
+++ b/packages/ui/components/MonthYearPicker.wrn
@@ -0,0 +1,16 @@
+component MonthYearPicker {
+  props {
+    label = "MonthYear" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MonthlyVolumeSelector.wrn b/packages/ui/components/MonthlyVolumeSelector.wrn
new file mode 100644
index 00000000..7ae5cc79
--- /dev/null
+++ b/packages/ui/components/MonthlyVolumeSelector.wrn
@@ -0,0 +1,16 @@
+component MonthlyVolumeSelector {
+  props {
+    label = "MonthlyVolume" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/MultiFileUpload.wrn b/packages/ui/components/MultiFileUpload.wrn
new file mode 100644
index 00000000..02757e41
--- /dev/null
+++ b/packages/ui/components/MultiFileUpload.wrn
@@ -0,0 +1,13 @@
+component MultiFileUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/MultipleEmailInput.wrn b/packages/ui/components/MultipleEmailInput.wrn
new file mode 100644
index 00000000..e2492037
--- /dev/null
+++ b/packages/ui/components/MultipleEmailInput.wrn
@@ -0,0 +1,16 @@
+component MultipleEmailInput {
+  props {
+    label = "MultipleEmail" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/NameInput.wrn b/packages/ui/components/NameInput.wrn
new file mode 100644
index 00000000..303da4b9
--- /dev/null
+++ b/packages/ui/components/NameInput.wrn
@@ -0,0 +1,16 @@
+component NameInput {
+  props {
+    label = "Name" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Navigation.wrn b/packages/ui/components/Navigation.wrn
new file mode 100644
index 00000000..b27bae5c
--- /dev/null
+++ b/packages/ui/components/Navigation.wrn
@@ -0,0 +1,10 @@
+component Navigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/NavigationItem.wrn b/packages/ui/components/NavigationItem.wrn
new file mode 100644
index 00000000..f2ea7812
--- /dev/null
+++ b/packages/ui/components/NavigationItem.wrn
@@ -0,0 +1,13 @@
+component NavigationItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/NavigationMegaMenu.wrn b/packages/ui/components/NavigationMegaMenu.wrn
new file mode 100644
index 00000000..cc27ba3d
--- /dev/null
+++ b/packages/ui/components/NavigationMegaMenu.wrn
@@ -0,0 +1,10 @@
+component NavigationMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/NewPasswordInput.wrn b/packages/ui/components/NewPasswordInput.wrn
new file mode 100644
index 00000000..0c5897dc
--- /dev/null
+++ b/packages/ui/components/NewPasswordInput.wrn
@@ -0,0 +1,16 @@
+component NewPasswordInput {
+  props {
+    label = "NewPassword" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/NewsletterCTA.wrn b/packages/ui/components/NewsletterCTA.wrn
new file mode 100644
index 00000000..67159e1b
--- /dev/null
+++ b/packages/ui/components/NewsletterCTA.wrn
@@ -0,0 +1,11 @@
+component NewsletterCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/NewsletterForm.wrn b/packages/ui/components/NewsletterForm.wrn
new file mode 100644
index 00000000..1ed569a9
--- /dev/null
+++ b/packages/ui/components/NewsletterForm.wrn
@@ -0,0 +1,13 @@
+component NewsletterForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/NoResultsState.wrn b/packages/ui/components/NoResultsState.wrn
new file mode 100644
index 00000000..7784dc5c
--- /dev/null
+++ b/packages/ui/components/NoResultsState.wrn
@@ -0,0 +1,11 @@
+component NoResultsState {
+  props {
+    label = "NoResults" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/NotFoundPage.wrn b/packages/ui/components/NotFoundPage.wrn
new file mode 100644
index 00000000..8ee30ab4
--- /dev/null
+++ b/packages/ui/components/NotFoundPage.wrn
@@ -0,0 +1,13 @@
+component NotFoundPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/NotFoundState.wrn b/packages/ui/components/NotFoundState.wrn
new file mode 100644
index 00000000..987fd40b
--- /dev/null
+++ b/packages/ui/components/NotFoundState.wrn
@@ -0,0 +1,11 @@
+component NotFoundState {
+  props {
+    label = "NotFound" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/NotificationList.wrn b/packages/ui/components/NotificationList.wrn
new file mode 100644
index 00000000..367c44e6
--- /dev/null
+++ b/packages/ui/components/NotificationList.wrn
@@ -0,0 +1,10 @@
+component NotificationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/OfficeCard.wrn b/packages/ui/components/OfficeCard.wrn
new file mode 100644
index 00000000..f99cfbbd
--- /dev/null
+++ b/packages/ui/components/OfficeCard.wrn
@@ -0,0 +1,13 @@
+component OfficeCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/OfflinePage.wrn b/packages/ui/components/OfflinePage.wrn
new file mode 100644
index 00000000..2843fc2f
--- /dev/null
+++ b/packages/ui/components/OfflinePage.wrn
@@ -0,0 +1,13 @@
+component OfflinePage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/OfflineState.wrn b/packages/ui/components/OfflineState.wrn
new file mode 100644
index 00000000..089101e9
--- /dev/null
+++ b/packages/ui/components/OfflineState.wrn
@@ -0,0 +1,11 @@
+component OfflineState {
+  props {
+    label = "Offline" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/OnboardingProgress.wrn b/packages/ui/components/OnboardingProgress.wrn
new file mode 100644
index 00000000..28f8ff96
--- /dev/null
+++ b/packages/ui/components/OnboardingProgress.wrn
@@ -0,0 +1,11 @@
+component OnboardingProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/OneTimeSecretDisplay.wrn b/packages/ui/components/OneTimeSecretDisplay.wrn
new file mode 100644
index 00000000..b29bbe12
--- /dev/null
+++ b/packages/ui/components/OneTimeSecretDisplay.wrn
@@ -0,0 +1,13 @@
+component OneTimeSecretDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/OpacitySlider.wrn b/packages/ui/components/OpacitySlider.wrn
new file mode 100644
index 00000000..254b8368
--- /dev/null
+++ b/packages/ui/components/OpacitySlider.wrn
@@ -0,0 +1,13 @@
+component OpacitySlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/OpenAPICTA.wrn b/packages/ui/components/OpenAPICTA.wrn
new file mode 100644
index 00000000..2ad977f9
--- /dev/null
+++ b/packages/ui/components/OpenAPICTA.wrn
@@ -0,0 +1,11 @@
+component OpenAPICTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/OptionalIndicator.wrn b/packages/ui/components/OptionalIndicator.wrn
new file mode 100644
index 00000000..cd2820ed
--- /dev/null
+++ b/packages/ui/components/OptionalIndicator.wrn
@@ -0,0 +1,11 @@
+component OptionalIndicator {
+  props {
+    label = "Optional" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/OrganizationSelector.wrn b/packages/ui/components/OrganizationSelector.wrn
new file mode 100644
index 00000000..08a7d36e
--- /dev/null
+++ b/packages/ui/components/OrganizationSelector.wrn
@@ -0,0 +1,16 @@
+component OrganizationSelector {
+  props {
+    label = "Organization" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/OtpVerificationForm.wrn b/packages/ui/components/OtpVerificationForm.wrn
new file mode 100644
index 00000000..5d969440
--- /dev/null
+++ b/packages/ui/components/OtpVerificationForm.wrn
@@ -0,0 +1,13 @@
+component OtpVerificationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PageAlert.wrn b/packages/ui/components/PageAlert.wrn
new file mode 100644
index 00000000..b718b845
--- /dev/null
+++ b/packages/ui/components/PageAlert.wrn
@@ -0,0 +1,11 @@
+component PageAlert {
+  props {
+    label = "Page" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/PageSkeleton.wrn b/packages/ui/components/PageSkeleton.wrn
new file mode 100644
index 00000000..0c81d383
--- /dev/null
+++ b/packages/ui/components/PageSkeleton.wrn
@@ -0,0 +1,11 @@
+component PageSkeleton {
+  props {
+    label = "Page" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/PartnerApplicationForm.wrn b/packages/ui/components/PartnerApplicationForm.wrn
new file mode 100644
index 00000000..20c1ba63
--- /dev/null
+++ b/packages/ui/components/PartnerApplicationForm.wrn
@@ -0,0 +1,13 @@
+component PartnerApplicationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PartnerLogoGrid.wrn b/packages/ui/components/PartnerLogoGrid.wrn
new file mode 100644
index 00000000..5cabc551
--- /dev/null
+++ b/packages/ui/components/PartnerLogoGrid.wrn
@@ -0,0 +1,10 @@
+component PartnerLogoGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PartnerProgramCard.wrn b/packages/ui/components/PartnerProgramCard.wrn
new file mode 100644
index 00000000..4615780b
--- /dev/null
+++ b/packages/ui/components/PartnerProgramCard.wrn
@@ -0,0 +1,13 @@
+component PartnerProgramCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PasskeyButton.wrn b/packages/ui/components/PasskeyButton.wrn
new file mode 100644
index 00000000..2f67bdd2
--- /dev/null
+++ b/packages/ui/components/PasskeyButton.wrn
@@ -0,0 +1,11 @@
+component PasskeyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/PasswordRequirementList.wrn b/packages/ui/components/PasswordRequirementList.wrn
new file mode 100644
index 00000000..e72b7263
--- /dev/null
+++ b/packages/ui/components/PasswordRequirementList.wrn
@@ -0,0 +1,10 @@
+component PasswordRequirementList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PasswordStrengthMeter.wrn b/packages/ui/components/PasswordStrengthMeter.wrn
new file mode 100644
index 00000000..faa2dd88
--- /dev/null
+++ b/packages/ui/components/PasswordStrengthMeter.wrn
@@ -0,0 +1,11 @@
+component PasswordStrengthMeter {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/PasswordVisibilityToggle.wrn b/packages/ui/components/PasswordVisibilityToggle.wrn
new file mode 100644
index 00000000..d277ecc6
--- /dev/null
+++ b/packages/ui/components/PasswordVisibilityToggle.wrn
@@ -0,0 +1,16 @@
+component PasswordVisibilityToggle {
+  props {
+    label = "PasswordVisibility" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PathInput.wrn b/packages/ui/components/PathInput.wrn
new file mode 100644
index 00000000..55b9cc51
--- /dev/null
+++ b/packages/ui/components/PathInput.wrn
@@ -0,0 +1,16 @@
+component PathInput {
+  props {
+    label = "Path" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PaymentMethodCard.wrn b/packages/ui/components/PaymentMethodCard.wrn
new file mode 100644
index 00000000..b22f7274
--- /dev/null
+++ b/packages/ui/components/PaymentMethodCard.wrn
@@ -0,0 +1,13 @@
+component PaymentMethodCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PdfPreview.wrn b/packages/ui/components/PdfPreview.wrn
new file mode 100644
index 00000000..6b4e805b
--- /dev/null
+++ b/packages/ui/components/PdfPreview.wrn
@@ -0,0 +1,13 @@
+component PdfPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PercentageInput.wrn b/packages/ui/components/PercentageInput.wrn
new file mode 100644
index 00000000..f79303a4
--- /dev/null
+++ b/packages/ui/components/PercentageInput.wrn
@@ -0,0 +1,16 @@
+component PercentageInput {
+  props {
+    label = "Percentage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PermissionSelector.wrn b/packages/ui/components/PermissionSelector.wrn
new file mode 100644
index 00000000..59edfecd
--- /dev/null
+++ b/packages/ui/components/PermissionSelector.wrn
@@ -0,0 +1,16 @@
+component PermissionSelector {
+  props {
+    label = "Permission" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PieChart.wrn b/packages/ui/components/PieChart.wrn
new file mode 100644
index 00000000..6de1332e
--- /dev/null
+++ b/packages/ui/components/PieChart.wrn
@@ -0,0 +1,11 @@
+component PieChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/PinInput.wrn b/packages/ui/components/PinInput.wrn
new file mode 100644
index 00000000..840245cf
--- /dev/null
+++ b/packages/ui/components/PinInput.wrn
@@ -0,0 +1,16 @@
+component PinInput {
+  props {
+    label = "Pin" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PlainTextEditor.wrn b/packages/ui/components/PlainTextEditor.wrn
new file mode 100644
index 00000000..c5145146
--- /dev/null
+++ b/packages/ui/components/PlainTextEditor.wrn
@@ -0,0 +1,16 @@
+component PlainTextEditor {
+  props {
+    label = "PlainText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PlanCTA.wrn b/packages/ui/components/PlanCTA.wrn
new file mode 100644
index 00000000..a70b9335
--- /dev/null
+++ b/packages/ui/components/PlanCTA.wrn
@@ -0,0 +1,11 @@
+component PlanCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/PlanFeatureList.wrn b/packages/ui/components/PlanFeatureList.wrn
new file mode 100644
index 00000000..78503873
--- /dev/null
+++ b/packages/ui/components/PlanFeatureList.wrn
@@ -0,0 +1,10 @@
+component PlanFeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PlanLimitList.wrn b/packages/ui/components/PlanLimitList.wrn
new file mode 100644
index 00000000..ac92bcdb
--- /dev/null
+++ b/packages/ui/components/PlanLimitList.wrn
@@ -0,0 +1,10 @@
+component PlanLimitList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PlanSelector.wrn b/packages/ui/components/PlanSelector.wrn
new file mode 100644
index 00000000..b5d9a5c3
--- /dev/null
+++ b/packages/ui/components/PlanSelector.wrn
@@ -0,0 +1,16 @@
+component PlanSelector {
+  props {
+    label = "Plan" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PlatformPillarCard.wrn b/packages/ui/components/PlatformPillarCard.wrn
new file mode 100644
index 00000000..b3b45988
--- /dev/null
+++ b/packages/ui/components/PlatformPillarCard.wrn
@@ -0,0 +1,13 @@
+component PlatformPillarCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PolicyVersionTable.wrn b/packages/ui/components/PolicyVersionTable.wrn
new file mode 100644
index 00000000..93a5c26b
--- /dev/null
+++ b/packages/ui/components/PolicyVersionTable.wrn
@@ -0,0 +1,10 @@
+component PolicyVersionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/Popover.wrn b/packages/ui/components/Popover.wrn
new file mode 100644
index 00000000..d5635325
--- /dev/null
+++ b/packages/ui/components/Popover.wrn
@@ -0,0 +1,10 @@
+component Popover {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/PortInput.wrn b/packages/ui/components/PortInput.wrn
new file mode 100644
index 00000000..84e0fdc4
--- /dev/null
+++ b/packages/ui/components/PortInput.wrn
@@ -0,0 +1,16 @@
+component PortInput {
+  props {
+    label = "Port" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PortNumberInput.wrn b/packages/ui/components/PortNumberInput.wrn
new file mode 100644
index 00000000..b98d33fd
--- /dev/null
+++ b/packages/ui/components/PortNumberInput.wrn
@@ -0,0 +1,16 @@
+component PortNumberInput {
+  props {
+    label = "PortNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PositiveNumberInput.wrn b/packages/ui/components/PositiveNumberInput.wrn
new file mode 100644
index 00000000..88328358
--- /dev/null
+++ b/packages/ui/components/PositiveNumberInput.wrn
@@ -0,0 +1,16 @@
+component PositiveNumberInput {
+  props {
+    label = "PositiveNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PostalCodeInput.wrn b/packages/ui/components/PostalCodeInput.wrn
new file mode 100644
index 00000000..19ae096c
--- /dev/null
+++ b/packages/ui/components/PostalCodeInput.wrn
@@ -0,0 +1,16 @@
+component PostalCodeInput {
+  props {
+    label = "PostalCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PostmanCTA.wrn b/packages/ui/components/PostmanCTA.wrn
new file mode 100644
index 00000000..27b3d6aa
--- /dev/null
+++ b/packages/ui/components/PostmanCTA.wrn
@@ -0,0 +1,11 @@
+component PostmanCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/PresetDateRangePicker.wrn b/packages/ui/components/PresetDateRangePicker.wrn
new file mode 100644
index 00000000..61ec3bdb
--- /dev/null
+++ b/packages/ui/components/PresetDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component PresetDateRangePicker {
+  props {
+    label = "PresetDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PressReleaseCard.wrn b/packages/ui/components/PressReleaseCard.wrn
new file mode 100644
index 00000000..ce5b91ac
--- /dev/null
+++ b/packages/ui/components/PressReleaseCard.wrn
@@ -0,0 +1,13 @@
+component PressReleaseCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PreviousNextNavigation.wrn b/packages/ui/components/PreviousNextNavigation.wrn
new file mode 100644
index 00000000..7657873e
--- /dev/null
+++ b/packages/ui/components/PreviousNextNavigation.wrn
@@ -0,0 +1,10 @@
+component PreviousNextNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/PriceInput.wrn b/packages/ui/components/PriceInput.wrn
new file mode 100644
index 00000000..e72461ca
--- /dev/null
+++ b/packages/ui/components/PriceInput.wrn
@@ -0,0 +1,16 @@
+component PriceInput {
+  props {
+    label = "Price" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PriceRangeSlider.wrn b/packages/ui/components/PriceRangeSlider.wrn
new file mode 100644
index 00000000..98237bf5
--- /dev/null
+++ b/packages/ui/components/PriceRangeSlider.wrn
@@ -0,0 +1,13 @@
+component PriceRangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PricingCard.wrn b/packages/ui/components/PricingCard.wrn
new file mode 100644
index 00000000..4577cd45
--- /dev/null
+++ b/packages/ui/components/PricingCard.wrn
@@ -0,0 +1,13 @@
+component PricingCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PricingContactForm.wrn b/packages/ui/components/PricingContactForm.wrn
new file mode 100644
index 00000000..f54e6e1e
--- /dev/null
+++ b/packages/ui/components/PricingContactForm.wrn
@@ -0,0 +1,13 @@
+component PricingContactForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PricingFeatureGroup.wrn b/packages/ui/components/PricingFeatureGroup.wrn
new file mode 100644
index 00000000..52de07b8
--- /dev/null
+++ b/packages/ui/components/PricingFeatureGroup.wrn
@@ -0,0 +1,16 @@
+component PricingFeatureGroup {
+  props {
+    label = "PricingFeature" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PricingGrid.wrn b/packages/ui/components/PricingGrid.wrn
new file mode 100644
index 00000000..fc5d830d
--- /dev/null
+++ b/packages/ui/components/PricingGrid.wrn
@@ -0,0 +1,10 @@
+component PricingGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PricingHero.wrn b/packages/ui/components/PricingHero.wrn
new file mode 100644
index 00000000..2abd536a
--- /dev/null
+++ b/packages/ui/components/PricingHero.wrn
@@ -0,0 +1,10 @@
+component PricingHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/PricingTable.wrn b/packages/ui/components/PricingTable.wrn
new file mode 100644
index 00000000..73806601
--- /dev/null
+++ b/packages/ui/components/PricingTable.wrn
@@ -0,0 +1,10 @@
+component PricingTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/PricingToggle.wrn b/packages/ui/components/PricingToggle.wrn
new file mode 100644
index 00000000..646322a5
--- /dev/null
+++ b/packages/ui/components/PricingToggle.wrn
@@ -0,0 +1,16 @@
+component PricingToggle {
+  props {
+    label = "Pricing" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PrintAction.wrn b/packages/ui/components/PrintAction.wrn
new file mode 100644
index 00000000..3944cb54
--- /dev/null
+++ b/packages/ui/components/PrintAction.wrn
@@ -0,0 +1,11 @@
+component PrintAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/PrintPolicyButton.wrn b/packages/ui/components/PrintPolicyButton.wrn
new file mode 100644
index 00000000..06cb3b04
--- /dev/null
+++ b/packages/ui/components/PrintPolicyButton.wrn
@@ -0,0 +1,11 @@
+component PrintPolicyButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/PrioritySelector.wrn b/packages/ui/components/PrioritySelector.wrn
new file mode 100644
index 00000000..32dec11a
--- /dev/null
+++ b/packages/ui/components/PrioritySelector.wrn
@@ -0,0 +1,16 @@
+component PrioritySelector {
+  props {
+    label = "Priority" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PrivacyNotice.wrn b/packages/ui/components/PrivacyNotice.wrn
new file mode 100644
index 00000000..06a1da25
--- /dev/null
+++ b/packages/ui/components/PrivacyNotice.wrn
@@ -0,0 +1,11 @@
+component PrivacyNotice {
+  props {
+    label = "Privacy" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ProductArchitectureDiagram.wrn b/packages/ui/components/ProductArchitectureDiagram.wrn
new file mode 100644
index 00000000..f92ae1f7
--- /dev/null
+++ b/packages/ui/components/ProductArchitectureDiagram.wrn
@@ -0,0 +1,11 @@
+component ProductArchitectureDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ProductCTA.wrn b/packages/ui/components/ProductCTA.wrn
new file mode 100644
index 00000000..ca3b16fd
--- /dev/null
+++ b/packages/ui/components/ProductCTA.wrn
@@ -0,0 +1,11 @@
+component ProductCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ProductCategorySection.wrn b/packages/ui/components/ProductCategorySection.wrn
new file mode 100644
index 00000000..9e560449
--- /dev/null
+++ b/packages/ui/components/ProductCategorySection.wrn
@@ -0,0 +1,10 @@
+component ProductCategorySection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ProductFeatureList.wrn b/packages/ui/components/ProductFeatureList.wrn
new file mode 100644
index 00000000..e8216830
--- /dev/null
+++ b/packages/ui/components/ProductFeatureList.wrn
@@ -0,0 +1,10 @@
+component ProductFeatureList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ProductGrid.wrn b/packages/ui/components/ProductGrid.wrn
new file mode 100644
index 00000000..1fd516c7
--- /dev/null
+++ b/packages/ui/components/ProductGrid.wrn
@@ -0,0 +1,10 @@
+component ProductGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ProductHero.wrn b/packages/ui/components/ProductHero.wrn
new file mode 100644
index 00000000..6577b74c
--- /dev/null
+++ b/packages/ui/components/ProductHero.wrn
@@ -0,0 +1,10 @@
+component ProductHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ProductIcon.wrn b/packages/ui/components/ProductIcon.wrn
new file mode 100644
index 00000000..fab9d96c
--- /dev/null
+++ b/packages/ui/components/ProductIcon.wrn
@@ -0,0 +1,13 @@
+component ProductIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ProductIntegrationList.wrn b/packages/ui/components/ProductIntegrationList.wrn
new file mode 100644
index 00000000..f919978e
--- /dev/null
+++ b/packages/ui/components/ProductIntegrationList.wrn
@@ -0,0 +1,10 @@
+component ProductIntegrationList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ProductList.wrn b/packages/ui/components/ProductList.wrn
new file mode 100644
index 00000000..74c5bb0a
--- /dev/null
+++ b/packages/ui/components/ProductList.wrn
@@ -0,0 +1,10 @@
+component ProductList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ProductLogo.wrn b/packages/ui/components/ProductLogo.wrn
new file mode 100644
index 00000000..2b331577
--- /dev/null
+++ b/packages/ui/components/ProductLogo.wrn
@@ -0,0 +1,13 @@
+component ProductLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ProductMiniCard.wrn b/packages/ui/components/ProductMiniCard.wrn
new file mode 100644
index 00000000..c80c5724
--- /dev/null
+++ b/packages/ui/components/ProductMiniCard.wrn
@@ -0,0 +1,13 @@
+component ProductMiniCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ProductNavigationCard.wrn b/packages/ui/components/ProductNavigationCard.wrn
new file mode 100644
index 00000000..acf98501
--- /dev/null
+++ b/packages/ui/components/ProductNavigationCard.wrn
@@ -0,0 +1,13 @@
+component ProductNavigationCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ProductSelector.wrn b/packages/ui/components/ProductSelector.wrn
new file mode 100644
index 00000000..e12490a1
--- /dev/null
+++ b/packages/ui/components/ProductSelector.wrn
@@ -0,0 +1,16 @@
+component ProductSelector {
+  props {
+    label = "Product" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ProductUseCaseList.wrn b/packages/ui/components/ProductUseCaseList.wrn
new file mode 100644
index 00000000..215a02b6
--- /dev/null
+++ b/packages/ui/components/ProductUseCaseList.wrn
@@ -0,0 +1,10 @@
+component ProductUseCaseList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ProgressChart.wrn b/packages/ui/components/ProgressChart.wrn
new file mode 100644
index 00000000..f343dbc4
--- /dev/null
+++ b/packages/ui/components/ProgressChart.wrn
@@ -0,0 +1,11 @@
+component ProgressChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ProgressRing.wrn b/packages/ui/components/ProgressRing.wrn
new file mode 100644
index 00000000..73098122
--- /dev/null
+++ b/packages/ui/components/ProgressRing.wrn
@@ -0,0 +1,11 @@
+component ProgressRing {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/ProgressSlider.wrn b/packages/ui/components/ProgressSlider.wrn
new file mode 100644
index 00000000..a9dfcbcb
--- /dev/null
+++ b/packages/ui/components/ProgressSlider.wrn
@@ -0,0 +1,13 @@
+component ProgressSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ProjectSelector.wrn b/packages/ui/components/ProjectSelector.wrn
new file mode 100644
index 00000000..a8986575
--- /dev/null
+++ b/packages/ui/components/ProjectSelector.wrn
@@ -0,0 +1,16 @@
+component ProjectSelector {
+  props {
+    label = "Project" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ProjectSwitcher.wrn b/packages/ui/components/ProjectSwitcher.wrn
new file mode 100644
index 00000000..2253dbc2
--- /dev/null
+++ b/packages/ui/components/ProjectSwitcher.wrn
@@ -0,0 +1,13 @@
+component ProjectSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PromoCodeInput.wrn b/packages/ui/components/PromoCodeInput.wrn
new file mode 100644
index 00000000..c532dd24
--- /dev/null
+++ b/packages/ui/components/PromoCodeInput.wrn
@@ -0,0 +1,16 @@
+component PromoCodeInput {
+  props {
+    label = "PromoCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PromptDialog.wrn b/packages/ui/components/PromptDialog.wrn
new file mode 100644
index 00000000..849108bd
--- /dev/null
+++ b/packages/ui/components/PromptDialog.wrn
@@ -0,0 +1,10 @@
+component PromptDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ProviderSelector.wrn b/packages/ui/components/ProviderSelector.wrn
new file mode 100644
index 00000000..32822dbc
--- /dev/null
+++ b/packages/ui/components/ProviderSelector.wrn
@@ -0,0 +1,16 @@
+component ProviderSelector {
+  props {
+    label = "Provider" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PublicHeaderLogo.wrn b/packages/ui/components/PublicHeaderLogo.wrn
new file mode 100644
index 00000000..314ef363
--- /dev/null
+++ b/packages/ui/components/PublicHeaderLogo.wrn
@@ -0,0 +1,13 @@
+component PublicHeaderLogo {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PublicPageShell.wrn b/packages/ui/components/PublicPageShell.wrn
new file mode 100644
index 00000000..b48ff921
--- /dev/null
+++ b/packages/ui/components/PublicPageShell.wrn
@@ -0,0 +1,10 @@
+component PublicPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/PublishDateTimePicker.wrn b/packages/ui/components/PublishDateTimePicker.wrn
new file mode 100644
index 00000000..1f5b9ea5
--- /dev/null
+++ b/packages/ui/components/PublishDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component PublishDateTimePicker {
+  props {
+    label = "PublishDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/PushComposer.wrn b/packages/ui/components/PushComposer.wrn
new file mode 100644
index 00000000..e3155e10
--- /dev/null
+++ b/packages/ui/components/PushComposer.wrn
@@ -0,0 +1,13 @@
+component PushComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/PushNotificationEditor.wrn b/packages/ui/components/PushNotificationEditor.wrn
new file mode 100644
index 00000000..c410e262
--- /dev/null
+++ b/packages/ui/components/PushNotificationEditor.wrn
@@ -0,0 +1,16 @@
+component PushNotificationEditor {
+  props {
+    label = "PushNotification" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/QrCode.wrn b/packages/ui/components/QrCode.wrn
new file mode 100644
index 00000000..03f7c772
--- /dev/null
+++ b/packages/ui/components/QrCode.wrn
@@ -0,0 +1,13 @@
+component QrCode {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/QuantityInput.wrn b/packages/ui/components/QuantityInput.wrn
new file mode 100644
index 00000000..5347a0f3
--- /dev/null
+++ b/packages/ui/components/QuantityInput.wrn
@@ -0,0 +1,16 @@
+component QuantityInput {
+  props {
+    label = "Quantity" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/QuantityStepper.wrn b/packages/ui/components/QuantityStepper.wrn
new file mode 100644
index 00000000..edda8783
--- /dev/null
+++ b/packages/ui/components/QuantityStepper.wrn
@@ -0,0 +1,13 @@
+component QuantityStepper {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RangeInput.wrn b/packages/ui/components/RangeInput.wrn
new file mode 100644
index 00000000..64fe87af
--- /dev/null
+++ b/packages/ui/components/RangeInput.wrn
@@ -0,0 +1,16 @@
+component RangeInput {
+  props {
+    label = "Range" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RangeSlider.wrn b/packages/ui/components/RangeSlider.wrn
new file mode 100644
index 00000000..35603684
--- /dev/null
+++ b/packages/ui/components/RangeSlider.wrn
@@ -0,0 +1,13 @@
+component RangeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RateLimitInput.wrn b/packages/ui/components/RateLimitInput.wrn
new file mode 100644
index 00000000..71246e9a
--- /dev/null
+++ b/packages/ui/components/RateLimitInput.wrn
@@ -0,0 +1,16 @@
+component RateLimitInput {
+  props {
+    label = "RateLimit" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RateLimitPage.wrn b/packages/ui/components/RateLimitPage.wrn
new file mode 100644
index 00000000..a6c616cb
--- /dev/null
+++ b/packages/ui/components/RateLimitPage.wrn
@@ -0,0 +1,13 @@
+component RateLimitPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RateLimitedState.wrn b/packages/ui/components/RateLimitedState.wrn
new file mode 100644
index 00000000..29b72837
--- /dev/null
+++ b/packages/ui/components/RateLimitedState.wrn
@@ -0,0 +1,11 @@
+component RateLimitedState {
+  props {
+    label = "RateLimited" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/RateTable.wrn b/packages/ui/components/RateTable.wrn
new file mode 100644
index 00000000..1f5cc46f
--- /dev/null
+++ b/packages/ui/components/RateTable.wrn
@@ -0,0 +1,10 @@
+component RateTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/RatingSlider.wrn b/packages/ui/components/RatingSlider.wrn
new file mode 100644
index 00000000..c11d1244
--- /dev/null
+++ b/packages/ui/components/RatingSlider.wrn
@@ -0,0 +1,13 @@
+component RatingSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RecipientSelector.wrn b/packages/ui/components/RecipientSelector.wrn
new file mode 100644
index 00000000..648aad68
--- /dev/null
+++ b/packages/ui/components/RecipientSelector.wrn
@@ -0,0 +1,16 @@
+component RecipientSelector {
+  props {
+    label = "Recipient" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RecoveryCodeForm.wrn b/packages/ui/components/RecoveryCodeForm.wrn
new file mode 100644
index 00000000..6143ca51
--- /dev/null
+++ b/packages/ui/components/RecoveryCodeForm.wrn
@@ -0,0 +1,13 @@
+component RecoveryCodeForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RecoveryCodeInput.wrn b/packages/ui/components/RecoveryCodeInput.wrn
new file mode 100644
index 00000000..ebede31c
--- /dev/null
+++ b/packages/ui/components/RecoveryCodeInput.wrn
@@ -0,0 +1,16 @@
+component RecoveryCodeInput {
+  props {
+    label = "RecoveryCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RecurrenceRuleBuilder.wrn b/packages/ui/components/RecurrenceRuleBuilder.wrn
new file mode 100644
index 00000000..02b22531
--- /dev/null
+++ b/packages/ui/components/RecurrenceRuleBuilder.wrn
@@ -0,0 +1,13 @@
+component RecurrenceRuleBuilder {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RedirectUriInput.wrn b/packages/ui/components/RedirectUriInput.wrn
new file mode 100644
index 00000000..269fa2d1
--- /dev/null
+++ b/packages/ui/components/RedirectUriInput.wrn
@@ -0,0 +1,16 @@
+component RedirectUriInput {
+  props {
+    label = "RedirectUri" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ReferenceInput.wrn b/packages/ui/components/ReferenceInput.wrn
new file mode 100644
index 00000000..cacd74f0
--- /dev/null
+++ b/packages/ui/components/ReferenceInput.wrn
@@ -0,0 +1,16 @@
+component ReferenceInput {
+  props {
+    label = "Reference" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RegexInput.wrn b/packages/ui/components/RegexInput.wrn
new file mode 100644
index 00000000..c378e3b3
--- /dev/null
+++ b/packages/ui/components/RegexInput.wrn
@@ -0,0 +1,16 @@
+component RegexInput {
+  props {
+    label = "Regex" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RegionAvailabilityTable.wrn b/packages/ui/components/RegionAvailabilityTable.wrn
new file mode 100644
index 00000000..5064fb24
--- /dev/null
+++ b/packages/ui/components/RegionAvailabilityTable.wrn
@@ -0,0 +1,10 @@
+component RegionAvailabilityTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/RegionSelector.wrn b/packages/ui/components/RegionSelector.wrn
new file mode 100644
index 00000000..8612f1ad
--- /dev/null
+++ b/packages/ui/components/RegionSelector.wrn
@@ -0,0 +1,16 @@
+component RegionSelector {
+  props {
+    label = "Region" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RegionUnavailableAlert.wrn b/packages/ui/components/RegionUnavailableAlert.wrn
new file mode 100644
index 00000000..0c87af5f
--- /dev/null
+++ b/packages/ui/components/RegionUnavailableAlert.wrn
@@ -0,0 +1,11 @@
+component RegionUnavailableAlert {
+  props {
+    label = "RegionUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/RegionUnavailableState.wrn b/packages/ui/components/RegionUnavailableState.wrn
new file mode 100644
index 00000000..300c0c1f
--- /dev/null
+++ b/packages/ui/components/RegionUnavailableState.wrn
@@ -0,0 +1,11 @@
+component RegionUnavailableState {
+  props {
+    label = "RegionUnavailable" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/RegionalPrivacyBanner.wrn b/packages/ui/components/RegionalPrivacyBanner.wrn
new file mode 100644
index 00000000..f5c732fd
--- /dev/null
+++ b/packages/ui/components/RegionalPrivacyBanner.wrn
@@ -0,0 +1,11 @@
+component RegionalPrivacyBanner {
+  props {
+    label = "RegionalPrivacy" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/RejectOptionalCookiesButton.wrn b/packages/ui/components/RejectOptionalCookiesButton.wrn
new file mode 100644
index 00000000..96481ae6
--- /dev/null
+++ b/packages/ui/components/RejectOptionalCookiesButton.wrn
@@ -0,0 +1,11 @@
+component RejectOptionalCookiesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ReopenCookieSettingsButton.wrn b/packages/ui/components/ReopenCookieSettingsButton.wrn
new file mode 100644
index 00000000..f7858ae3
--- /dev/null
+++ b/packages/ui/components/ReopenCookieSettingsButton.wrn
@@ -0,0 +1,11 @@
+component ReopenCookieSettingsButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ReportCard.wrn b/packages/ui/components/ReportCard.wrn
new file mode 100644
index 00000000..98c2029d
--- /dev/null
+++ b/packages/ui/components/ReportCard.wrn
@@ -0,0 +1,13 @@
+component ReportCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RequestResponseViewer.wrn b/packages/ui/components/RequestResponseViewer.wrn
new file mode 100644
index 00000000..6917ae03
--- /dev/null
+++ b/packages/ui/components/RequestResponseViewer.wrn
@@ -0,0 +1,13 @@
+component RequestResponseViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RequestViewer.wrn b/packages/ui/components/RequestViewer.wrn
new file mode 100644
index 00000000..c7fc4b30
--- /dev/null
+++ b/packages/ui/components/RequestViewer.wrn
@@ -0,0 +1,13 @@
+component RequestViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/RequiredIndicator.wrn b/packages/ui/components/RequiredIndicator.wrn
new file mode 100644
index 00000000..c1d9ef32
--- /dev/null
+++ b/packages/ui/components/RequiredIndicator.wrn
@@ -0,0 +1,11 @@
+component RequiredIndicator {
+  props {
+    label = "Required" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ResetPasswordForm.wrn b/packages/ui/components/ResetPasswordForm.wrn
new file mode 100644
index 00000000..ff705fa3
--- /dev/null
+++ b/packages/ui/components/ResetPasswordForm.wrn
@@ -0,0 +1,13 @@
+component ResetPasswordForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ResizablePanel.wrn b/packages/ui/components/ResizablePanel.wrn
new file mode 100644
index 00000000..c017f8e1
--- /dev/null
+++ b/packages/ui/components/ResizablePanel.wrn
@@ -0,0 +1,10 @@
+component ResizablePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ResourceCard.wrn b/packages/ui/components/ResourceCard.wrn
new file mode 100644
index 00000000..f5fbf36a
--- /dev/null
+++ b/packages/ui/components/ResourceCard.wrn
@@ -0,0 +1,13 @@
+component ResourceCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ResourceDownloadCard.wrn b/packages/ui/components/ResourceDownloadCard.wrn
new file mode 100644
index 00000000..baa27775
--- /dev/null
+++ b/packages/ui/components/ResourceDownloadCard.wrn
@@ -0,0 +1,13 @@
+component ResourceDownloadCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ResourcePageShell.wrn b/packages/ui/components/ResourcePageShell.wrn
new file mode 100644
index 00000000..74efa28b
--- /dev/null
+++ b/packages/ui/components/ResourcePageShell.wrn
@@ -0,0 +1,10 @@
+component ResourcePageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/ResourceSearch.wrn b/packages/ui/components/ResourceSearch.wrn
new file mode 100644
index 00000000..4be0f39e
--- /dev/null
+++ b/packages/ui/components/ResourceSearch.wrn
@@ -0,0 +1,13 @@
+component ResourceSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ResourceTypeBadge.wrn b/packages/ui/components/ResourceTypeBadge.wrn
new file mode 100644
index 00000000..d1444b18
--- /dev/null
+++ b/packages/ui/components/ResourceTypeBadge.wrn
@@ -0,0 +1,11 @@
+component ResourceTypeBadge {
+  props {
+    label = "ResourceType" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ResourcesMegaMenu.wrn b/packages/ui/components/ResourcesMegaMenu.wrn
new file mode 100644
index 00000000..67694937
--- /dev/null
+++ b/packages/ui/components/ResourcesMegaMenu.wrn
@@ -0,0 +1,10 @@
+component ResourcesMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/ResponseViewer.wrn b/packages/ui/components/ResponseViewer.wrn
new file mode 100644
index 00000000..cab04fbc
--- /dev/null
+++ b/packages/ui/components/ResponseViewer.wrn
@@ -0,0 +1,13 @@
+component ResponseViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ResponsibleDisclosureCTA.wrn b/packages/ui/components/ResponsibleDisclosureCTA.wrn
new file mode 100644
index 00000000..ba4c3de2
--- /dev/null
+++ b/packages/ui/components/ResponsibleDisclosureCTA.wrn
@@ -0,0 +1,11 @@
+component ResponsibleDisclosureCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ResponsiveTable.wrn b/packages/ui/components/ResponsiveTable.wrn
new file mode 100644
index 00000000..31c07a09
--- /dev/null
+++ b/packages/ui/components/ResponsiveTable.wrn
@@ -0,0 +1,10 @@
+component ResponsiveTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ResultsSection.wrn b/packages/ui/components/ResultsSection.wrn
new file mode 100644
index 00000000..15edae6d
--- /dev/null
+++ b/packages/ui/components/ResultsSection.wrn
@@ -0,0 +1,10 @@
+component ResultsSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/RetentionTable.wrn b/packages/ui/components/RetentionTable.wrn
new file mode 100644
index 00000000..43accd7f
--- /dev/null
+++ b/packages/ui/components/RetentionTable.wrn
@@ -0,0 +1,10 @@
+component RetentionTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/RetryCountInput.wrn b/packages/ui/components/RetryCountInput.wrn
new file mode 100644
index 00000000..963d1e61
--- /dev/null
+++ b/packages/ui/components/RetryCountInput.wrn
@@ -0,0 +1,16 @@
+component RetryCountInput {
+  props {
+    label = "RetryCount" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RevenueChart.wrn b/packages/ui/components/RevenueChart.wrn
new file mode 100644
index 00000000..5e3890b9
--- /dev/null
+++ b/packages/ui/components/RevenueChart.wrn
@@ -0,0 +1,11 @@
+component RevenueChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/RgbColorInput.wrn b/packages/ui/components/RgbColorInput.wrn
new file mode 100644
index 00000000..e71d5341
--- /dev/null
+++ b/packages/ui/components/RgbColorInput.wrn
@@ -0,0 +1,16 @@
+component RgbColorInput {
+  props {
+    label = "RgbColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RichTextEditor.wrn b/packages/ui/components/RichTextEditor.wrn
new file mode 100644
index 00000000..d90f189b
--- /dev/null
+++ b/packages/ui/components/RichTextEditor.wrn
@@ -0,0 +1,16 @@
+component RichTextEditor {
+  props {
+    label = "RichText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RichTextInput.wrn b/packages/ui/components/RichTextInput.wrn
new file mode 100644
index 00000000..809a85d0
--- /dev/null
+++ b/packages/ui/components/RichTextInput.wrn
@@ -0,0 +1,16 @@
+component RichTextInput {
+  props {
+    label = "RichText" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RoleSelector.wrn b/packages/ui/components/RoleSelector.wrn
new file mode 100644
index 00000000..0f1afa13
--- /dev/null
+++ b/packages/ui/components/RoleSelector.wrn
@@ -0,0 +1,16 @@
+component RoleSelector {
+  props {
+    label = "Role" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/RollingDateRangePicker.wrn b/packages/ui/components/RollingDateRangePicker.wrn
new file mode 100644
index 00000000..a760949c
--- /dev/null
+++ b/packages/ui/components/RollingDateRangePicker.wrn
@@ -0,0 +1,16 @@
+component RollingDateRangePicker {
+  props {
+    label = "RollingDateRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SDKCard.wrn b/packages/ui/components/SDKCard.wrn
new file mode 100644
index 00000000..59009e25
--- /dev/null
+++ b/packages/ui/components/SDKCard.wrn
@@ -0,0 +1,13 @@
+component SDKCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SDKLanguageTabs.wrn b/packages/ui/components/SDKLanguageTabs.wrn
new file mode 100644
index 00000000..994e27ae
--- /dev/null
+++ b/packages/ui/components/SDKLanguageTabs.wrn
@@ -0,0 +1,13 @@
+component SDKLanguageTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SaveCookiePreferencesButton.wrn b/packages/ui/components/SaveCookiePreferencesButton.wrn
new file mode 100644
index 00000000..c83edbb2
--- /dev/null
+++ b/packages/ui/components/SaveCookiePreferencesButton.wrn
@@ -0,0 +1,11 @@
+component SaveCookiePreferencesButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SavedFilterSelector.wrn b/packages/ui/components/SavedFilterSelector.wrn
new file mode 100644
index 00000000..0c809640
--- /dev/null
+++ b/packages/ui/components/SavedFilterSelector.wrn
@@ -0,0 +1,16 @@
+component SavedFilterSelector {
+  props {
+    label = "SavedFilter" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ScheduleMessagePicker.wrn b/packages/ui/components/ScheduleMessagePicker.wrn
new file mode 100644
index 00000000..2b7d2243
--- /dev/null
+++ b/packages/ui/components/ScheduleMessagePicker.wrn
@@ -0,0 +1,16 @@
+component ScheduleMessagePicker {
+  props {
+    label = "ScheduleMessage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ScheduledDateTimePicker.wrn b/packages/ui/components/ScheduledDateTimePicker.wrn
new file mode 100644
index 00000000..8c472235
--- /dev/null
+++ b/packages/ui/components/ScheduledDateTimePicker.wrn
@@ -0,0 +1,16 @@
+component ScheduledDateTimePicker {
+  props {
+    label = "ScheduledDateTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ScreenshotFrame.wrn b/packages/ui/components/ScreenshotFrame.wrn
new file mode 100644
index 00000000..d5db0b14
--- /dev/null
+++ b/packages/ui/components/ScreenshotFrame.wrn
@@ -0,0 +1,10 @@
+component ScreenshotFrame {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SdkLanguageSelector.wrn b/packages/ui/components/SdkLanguageSelector.wrn
new file mode 100644
index 00000000..1d02e63c
--- /dev/null
+++ b/packages/ui/components/SdkLanguageSelector.wrn
@@ -0,0 +1,16 @@
+component SdkLanguageSelector {
+  props {
+    label = "SdkLanguage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SearchButton.wrn b/packages/ui/components/SearchButton.wrn
new file mode 100644
index 00000000..2debfcae
--- /dev/null
+++ b/packages/ui/components/SearchButton.wrn
@@ -0,0 +1,11 @@
+component SearchButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SearchCategoryTabs.wrn b/packages/ui/components/SearchCategoryTabs.wrn
new file mode 100644
index 00000000..91ab30a1
--- /dev/null
+++ b/packages/ui/components/SearchCategoryTabs.wrn
@@ -0,0 +1,13 @@
+component SearchCategoryTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SearchDialog.wrn b/packages/ui/components/SearchDialog.wrn
new file mode 100644
index 00000000..15bbb874
--- /dev/null
+++ b/packages/ui/components/SearchDialog.wrn
@@ -0,0 +1,10 @@
+component SearchDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/SearchEmptyState.wrn b/packages/ui/components/SearchEmptyState.wrn
new file mode 100644
index 00000000..ebe7c1ba
--- /dev/null
+++ b/packages/ui/components/SearchEmptyState.wrn
@@ -0,0 +1,11 @@
+component SearchEmptyState {
+  props {
+    label = "SearchEmpty" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/SearchLoadingState.wrn b/packages/ui/components/SearchLoadingState.wrn
new file mode 100644
index 00000000..8e7d98c4
--- /dev/null
+++ b/packages/ui/components/SearchLoadingState.wrn
@@ -0,0 +1,11 @@
+component SearchLoadingState {
+  props {
+    label = "SearchLoading" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/SearchResultItem.wrn b/packages/ui/components/SearchResultItem.wrn
new file mode 100644
index 00000000..0e836112
--- /dev/null
+++ b/packages/ui/components/SearchResultItem.wrn
@@ -0,0 +1,13 @@
+component SearchResultItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SecondPicker.wrn b/packages/ui/components/SecondPicker.wrn
new file mode 100644
index 00000000..93308a8a
--- /dev/null
+++ b/packages/ui/components/SecondPicker.wrn
@@ -0,0 +1,16 @@
+component SecondPicker {
+  props {
+    label = "Second" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SecretDisplay.wrn b/packages/ui/components/SecretDisplay.wrn
new file mode 100644
index 00000000..f9cfb61e
--- /dev/null
+++ b/packages/ui/components/SecretDisplay.wrn
@@ -0,0 +1,13 @@
+component SecretDisplay {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SecretInput.wrn b/packages/ui/components/SecretInput.wrn
new file mode 100644
index 00000000..25564ab3
--- /dev/null
+++ b/packages/ui/components/SecretInput.wrn
@@ -0,0 +1,16 @@
+component SecretInput {
+  props {
+    label = "Secret" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SecretRevealDialog.wrn b/packages/ui/components/SecretRevealDialog.wrn
new file mode 100644
index 00000000..38c88ce0
--- /dev/null
+++ b/packages/ui/components/SecretRevealDialog.wrn
@@ -0,0 +1,10 @@
+component SecretRevealDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/SectionActions.wrn b/packages/ui/components/SectionActions.wrn
new file mode 100644
index 00000000..df707cc7
--- /dev/null
+++ b/packages/ui/components/SectionActions.wrn
@@ -0,0 +1,11 @@
+component SectionActions {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SecurityAlert.wrn b/packages/ui/components/SecurityAlert.wrn
new file mode 100644
index 00000000..09254f5b
--- /dev/null
+++ b/packages/ui/components/SecurityAlert.wrn
@@ -0,0 +1,11 @@
+component SecurityAlert {
+  props {
+    label = "Security" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/SecurityContactCard.wrn b/packages/ui/components/SecurityContactCard.wrn
new file mode 100644
index 00000000..11d70bf9
--- /dev/null
+++ b/packages/ui/components/SecurityContactCard.wrn
@@ -0,0 +1,13 @@
+component SecurityContactCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SecurityFeatureCard.wrn b/packages/ui/components/SecurityFeatureCard.wrn
new file mode 100644
index 00000000..d1fa097e
--- /dev/null
+++ b/packages/ui/components/SecurityFeatureCard.wrn
@@ -0,0 +1,13 @@
+component SecurityFeatureCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SecurityHero.wrn b/packages/ui/components/SecurityHero.wrn
new file mode 100644
index 00000000..8d15334a
--- /dev/null
+++ b/packages/ui/components/SecurityHero.wrn
@@ -0,0 +1,10 @@
+component SecurityHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SecurityPillarGrid.wrn b/packages/ui/components/SecurityPillarGrid.wrn
new file mode 100644
index 00000000..72fd8159
--- /dev/null
+++ b/packages/ui/components/SecurityPillarGrid.wrn
@@ -0,0 +1,10 @@
+component SecurityPillarGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/SecurityPracticeList.wrn b/packages/ui/components/SecurityPracticeList.wrn
new file mode 100644
index 00000000..733bee29
--- /dev/null
+++ b/packages/ui/components/SecurityPracticeList.wrn
@@ -0,0 +1,10 @@
+component SecurityPracticeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/SecurityReportForm.wrn b/packages/ui/components/SecurityReportForm.wrn
new file mode 100644
index 00000000..f92a654f
--- /dev/null
+++ b/packages/ui/components/SecurityReportForm.wrn
@@ -0,0 +1,13 @@
+component SecurityReportForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SenderIdInput.wrn b/packages/ui/components/SenderIdInput.wrn
new file mode 100644
index 00000000..adc69c57
--- /dev/null
+++ b/packages/ui/components/SenderIdInput.wrn
@@ -0,0 +1,16 @@
+component SenderIdInput {
+  props {
+    label = "SenderId" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ServerErrorPage.wrn b/packages/ui/components/ServerErrorPage.wrn
new file mode 100644
index 00000000..c7ea335a
--- /dev/null
+++ b/packages/ui/components/ServerErrorPage.wrn
@@ -0,0 +1,13 @@
+component ServerErrorPage {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ServiceLevelTable.wrn b/packages/ui/components/ServiceLevelTable.wrn
new file mode 100644
index 00000000..4f996a95
--- /dev/null
+++ b/packages/ui/components/ServiceLevelTable.wrn
@@ -0,0 +1,10 @@
+component ServiceLevelTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ServiceStatusBadge.wrn b/packages/ui/components/ServiceStatusBadge.wrn
new file mode 100644
index 00000000..c4ae243e
--- /dev/null
+++ b/packages/ui/components/ServiceStatusBadge.wrn
@@ -0,0 +1,11 @@
+component ServiceStatusBadge {
+  props {
+    label = "ServiceStatus" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ServiceStatusList.wrn b/packages/ui/components/ServiceStatusList.wrn
new file mode 100644
index 00000000..9eb73f53
--- /dev/null
+++ b/packages/ui/components/ServiceStatusList.wrn
@@ -0,0 +1,10 @@
+component ServiceStatusList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/ServiceStatusRow.wrn b/packages/ui/components/ServiceStatusRow.wrn
new file mode 100644
index 00000000..debc8b69
--- /dev/null
+++ b/packages/ui/components/ServiceStatusRow.wrn
@@ -0,0 +1,10 @@
+component ServiceStatusRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/SessionCard.wrn b/packages/ui/components/SessionCard.wrn
new file mode 100644
index 00000000..9a7ca774
--- /dev/null
+++ b/packages/ui/components/SessionCard.wrn
@@ -0,0 +1,13 @@
+component SessionCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SessionExpiredDialog.wrn b/packages/ui/components/SessionExpiredDialog.wrn
new file mode 100644
index 00000000..f3c3358c
--- /dev/null
+++ b/packages/ui/components/SessionExpiredDialog.wrn
@@ -0,0 +1,10 @@
+component SessionExpiredDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/SetupChecklist.wrn b/packages/ui/components/SetupChecklist.wrn
new file mode 100644
index 00000000..e30e8f24
--- /dev/null
+++ b/packages/ui/components/SetupChecklist.wrn
@@ -0,0 +1,13 @@
+component SetupChecklist {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SeveritySelector.wrn b/packages/ui/components/SeveritySelector.wrn
new file mode 100644
index 00000000..140be8ce
--- /dev/null
+++ b/packages/ui/components/SeveritySelector.wrn
@@ -0,0 +1,16 @@
+component SeveritySelector {
+  props {
+    label = "Severity" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ShadowPicker.wrn b/packages/ui/components/ShadowPicker.wrn
new file mode 100644
index 00000000..baa57205
--- /dev/null
+++ b/packages/ui/components/ShadowPicker.wrn
@@ -0,0 +1,16 @@
+component ShadowPicker {
+  props {
+    label = "Shadow" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ShareAction.wrn b/packages/ui/components/ShareAction.wrn
new file mode 100644
index 00000000..0cbc2d80
--- /dev/null
+++ b/packages/ui/components/ShareAction.wrn
@@ -0,0 +1,11 @@
+component ShareAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SidePanel.wrn b/packages/ui/components/SidePanel.wrn
new file mode 100644
index 00000000..202caf90
--- /dev/null
+++ b/packages/ui/components/SidePanel.wrn
@@ -0,0 +1,10 @@
+component SidePanel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SignInForm.wrn b/packages/ui/components/SignInForm.wrn
new file mode 100644
index 00000000..d15a848a
--- /dev/null
+++ b/packages/ui/components/SignInForm.wrn
@@ -0,0 +1,13 @@
+component SignInForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SignInLink.wrn b/packages/ui/components/SignInLink.wrn
new file mode 100644
index 00000000..237291c2
--- /dev/null
+++ b/packages/ui/components/SignInLink.wrn
@@ -0,0 +1,11 @@
+component SignInLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SignUpForm.wrn b/packages/ui/components/SignUpForm.wrn
new file mode 100644
index 00000000..10dbe8f7
--- /dev/null
+++ b/packages/ui/components/SignUpForm.wrn
@@ -0,0 +1,13 @@
+component SignUpForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SiteSearch.wrn b/packages/ui/components/SiteSearch.wrn
new file mode 100644
index 00000000..b33615f4
--- /dev/null
+++ b/packages/ui/components/SiteSearch.wrn
@@ -0,0 +1,13 @@
+component SiteSearch {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SkipLink.wrn b/packages/ui/components/SkipLink.wrn
new file mode 100644
index 00000000..9be4cdf7
--- /dev/null
+++ b/packages/ui/components/SkipLink.wrn
@@ -0,0 +1,11 @@
+component SkipLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SlaTable.wrn b/packages/ui/components/SlaTable.wrn
new file mode 100644
index 00000000..2c963e9c
--- /dev/null
+++ b/packages/ui/components/SlaTable.wrn
@@ -0,0 +1,10 @@
+component SlaTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/Slider.wrn b/packages/ui/components/Slider.wrn
new file mode 100644
index 00000000..664cd45d
--- /dev/null
+++ b/packages/ui/components/Slider.wrn
@@ -0,0 +1,13 @@
+component Slider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SlugInput.wrn b/packages/ui/components/SlugInput.wrn
new file mode 100644
index 00000000..641b6769
--- /dev/null
+++ b/packages/ui/components/SlugInput.wrn
@@ -0,0 +1,16 @@
+component SlugInput {
+  props {
+    label = "Slug" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SmartRouteDiagram.wrn b/packages/ui/components/SmartRouteDiagram.wrn
new file mode 100644
index 00000000..848b436d
--- /dev/null
+++ b/packages/ui/components/SmartRouteDiagram.wrn
@@ -0,0 +1,11 @@
+component SmartRouteDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/SmsComposer.wrn b/packages/ui/components/SmsComposer.wrn
new file mode 100644
index 00000000..3f4ac7ce
--- /dev/null
+++ b/packages/ui/components/SmsComposer.wrn
@@ -0,0 +1,13 @@
+component SmsComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/SmsMessageEditor.wrn b/packages/ui/components/SmsMessageEditor.wrn
new file mode 100644
index 00000000..383c1cde
--- /dev/null
+++ b/packages/ui/components/SmsMessageEditor.wrn
@@ -0,0 +1,16 @@
+component SmsMessageEditor {
+  props {
+    label = "SmsMessage" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SmsSegmentCounter.wrn b/packages/ui/components/SmsSegmentCounter.wrn
new file mode 100644
index 00000000..67cff100
--- /dev/null
+++ b/packages/ui/components/SmsSegmentCounter.wrn
@@ -0,0 +1,11 @@
+component SmsSegmentCounter {
+  props {
+    label = "SmsSegment" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/SolutionHero.wrn b/packages/ui/components/SolutionHero.wrn
new file mode 100644
index 00000000..2929f126
--- /dev/null
+++ b/packages/ui/components/SolutionHero.wrn
@@ -0,0 +1,10 @@
+component SolutionHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SolutionPageShell.wrn b/packages/ui/components/SolutionPageShell.wrn
new file mode 100644
index 00000000..77c761f3
--- /dev/null
+++ b/packages/ui/components/SolutionPageShell.wrn
@@ -0,0 +1,10 @@
+component SolutionPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SolutionSection.wrn b/packages/ui/components/SolutionSection.wrn
new file mode 100644
index 00000000..197b10d5
--- /dev/null
+++ b/packages/ui/components/SolutionSection.wrn
@@ -0,0 +1,10 @@
+component SolutionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SolutionsMegaMenu.wrn b/packages/ui/components/SolutionsMegaMenu.wrn
new file mode 100644
index 00000000..a6f22457
--- /dev/null
+++ b/packages/ui/components/SolutionsMegaMenu.wrn
@@ -0,0 +1,10 @@
+component SolutionsMegaMenu {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/SortableTable.wrn b/packages/ui/components/SortableTable.wrn
new file mode 100644
index 00000000..9a71a3da
--- /dev/null
+++ b/packages/ui/components/SortableTable.wrn
@@ -0,0 +1,10 @@
+component SortableTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/SplitButton.wrn b/packages/ui/components/SplitButton.wrn
new file mode 100644
index 00000000..fb71da40
--- /dev/null
+++ b/packages/ui/components/SplitButton.wrn
@@ -0,0 +1,11 @@
+component SplitButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SplitCTA.wrn b/packages/ui/components/SplitCTA.wrn
new file mode 100644
index 00000000..b15725c4
--- /dev/null
+++ b/packages/ui/components/SplitCTA.wrn
@@ -0,0 +1,11 @@
+component SplitCTA {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/SplitHero.wrn b/packages/ui/components/SplitHero.wrn
new file mode 100644
index 00000000..03647264
--- /dev/null
+++ b/packages/ui/components/SplitHero.wrn
@@ -0,0 +1,10 @@
+component SplitHero {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/SplitSectionHeader.wrn b/packages/ui/components/SplitSectionHeader.wrn
new file mode 100644
index 00000000..5306fec8
--- /dev/null
+++ b/packages/ui/components/SplitSectionHeader.wrn
@@ -0,0 +1,10 @@
+component SplitSectionHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/StartFreeButton.wrn b/packages/ui/components/StartFreeButton.wrn
new file mode 100644
index 00000000..37556ef8
--- /dev/null
+++ b/packages/ui/components/StartFreeButton.wrn
@@ -0,0 +1,11 @@
+component StartFreeButton {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/StateSelector.wrn b/packages/ui/components/StateSelector.wrn
new file mode 100644
index 00000000..d1ca9db9
--- /dev/null
+++ b/packages/ui/components/StateSelector.wrn
@@ -0,0 +1,16 @@
+component StateSelector {
+  props {
+    label = "State" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/StatusPageShell.wrn b/packages/ui/components/StatusPageShell.wrn
new file mode 100644
index 00000000..525cddb0
--- /dev/null
+++ b/packages/ui/components/StatusPageShell.wrn
@@ -0,0 +1,10 @@
+component StatusPageShell {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/StatusSelector.wrn b/packages/ui/components/StatusSelector.wrn
new file mode 100644
index 00000000..090f482a
--- /dev/null
+++ b/packages/ui/components/StatusSelector.wrn
@@ -0,0 +1,16 @@
+component StatusSelector {
+  props {
+    label = "Status" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/StatusSubscribeForm.wrn b/packages/ui/components/StatusSubscribeForm.wrn
new file mode 100644
index 00000000..bcae7f8b
--- /dev/null
+++ b/packages/ui/components/StatusSubscribeForm.wrn
@@ -0,0 +1,13 @@
+component StatusSubscribeForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/StatusTable.wrn b/packages/ui/components/StatusTable.wrn
new file mode 100644
index 00000000..a18e80d4
--- /dev/null
+++ b/packages/ui/components/StatusTable.wrn
@@ -0,0 +1,10 @@
+component StatusTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/StepNavigation.wrn b/packages/ui/components/StepNavigation.wrn
new file mode 100644
index 00000000..327b9b79
--- /dev/null
+++ b/packages/ui/components/StepNavigation.wrn
@@ -0,0 +1,10 @@
+component StepNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/StepUpAuthenticationDialog.wrn b/packages/ui/components/StepUpAuthenticationDialog.wrn
new file mode 100644
index 00000000..42fc746e
--- /dev/null
+++ b/packages/ui/components/StepUpAuthenticationDialog.wrn
@@ -0,0 +1,10 @@
+component StepUpAuthenticationDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/Stepper.wrn b/packages/ui/components/Stepper.wrn
new file mode 100644
index 00000000..c336abca
--- /dev/null
+++ b/packages/ui/components/Stepper.wrn
@@ -0,0 +1,13 @@
+component Stepper {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/StepperInput.wrn b/packages/ui/components/StepperInput.wrn
new file mode 100644
index 00000000..e7a8af04
--- /dev/null
+++ b/packages/ui/components/StepperInput.wrn
@@ -0,0 +1,16 @@
+component StepperInput {
+  props {
+    label = "Stepper" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/StickerPicker.wrn b/packages/ui/components/StickerPicker.wrn
new file mode 100644
index 00000000..483898bd
--- /dev/null
+++ b/packages/ui/components/StickerPicker.wrn
@@ -0,0 +1,16 @@
+component StickerPicker {
+  props {
+    label = "Sticker" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/StreetAddressInput.wrn b/packages/ui/components/StreetAddressInput.wrn
new file mode 100644
index 00000000..a1c7b144
--- /dev/null
+++ b/packages/ui/components/StreetAddressInput.wrn
@@ -0,0 +1,16 @@
+component StreetAddressInput {
+  props {
+    label = "StreetAddress" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SubdomainInput.wrn b/packages/ui/components/SubdomainInput.wrn
new file mode 100644
index 00000000..dcf246a0
--- /dev/null
+++ b/packages/ui/components/SubdomainInput.wrn
@@ -0,0 +1,16 @@
+component SubdomainInput {
+  props {
+    label = "Subdomain" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SubjectInput.wrn b/packages/ui/components/SubjectInput.wrn
new file mode 100644
index 00000000..2351844c
--- /dev/null
+++ b/packages/ui/components/SubjectInput.wrn
@@ -0,0 +1,16 @@
+component SubjectInput {
+  props {
+    label = "Subject" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/SubprocessorTable.wrn b/packages/ui/components/SubprocessorTable.wrn
new file mode 100644
index 00000000..0cdd5ac1
--- /dev/null
+++ b/packages/ui/components/SubprocessorTable.wrn
@@ -0,0 +1,10 @@
+component SubprocessorTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/SuccessState.wrn b/packages/ui/components/SuccessState.wrn
new file mode 100644
index 00000000..cb589ade
--- /dev/null
+++ b/packages/ui/components/SuccessState.wrn
@@ -0,0 +1,11 @@
+component SuccessState {
+  props {
+    label = "Success" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/SupportRequestForm.wrn b/packages/ui/components/SupportRequestForm.wrn
new file mode 100644
index 00000000..287d8fdd
--- /dev/null
+++ b/packages/ui/components/SupportRequestForm.wrn
@@ -0,0 +1,13 @@
+component SupportRequestForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TableHeader.wrn b/packages/ui/components/TableHeader.wrn
new file mode 100644
index 00000000..70c03ade
--- /dev/null
+++ b/packages/ui/components/TableHeader.wrn
@@ -0,0 +1,10 @@
+component TableHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/TableRow.wrn b/packages/ui/components/TableRow.wrn
new file mode 100644
index 00000000..e6aa2e89
--- /dev/null
+++ b/packages/ui/components/TableRow.wrn
@@ -0,0 +1,10 @@
+component TableRow {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/TableSkeleton.wrn b/packages/ui/components/TableSkeleton.wrn
new file mode 100644
index 00000000..5e02a8db
--- /dev/null
+++ b/packages/ui/components/TableSkeleton.wrn
@@ -0,0 +1,11 @@
+component TableSkeleton {
+  props {
+    label = "Table" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/TagInput.wrn b/packages/ui/components/TagInput.wrn
new file mode 100644
index 00000000..fafa831e
--- /dev/null
+++ b/packages/ui/components/TagInput.wrn
@@ -0,0 +1,16 @@
+component TagInput {
+  props {
+    label = "Tag" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TaxNotice.wrn b/packages/ui/components/TaxNotice.wrn
new file mode 100644
index 00000000..8c143dc0
--- /dev/null
+++ b/packages/ui/components/TaxNotice.wrn
@@ -0,0 +1,11 @@
+component TaxNotice {
+  props {
+    label = "Tax" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/TaxRateInput.wrn b/packages/ui/components/TaxRateInput.wrn
new file mode 100644
index 00000000..52e09314
--- /dev/null
+++ b/packages/ui/components/TaxRateInput.wrn
@@ -0,0 +1,16 @@
+component TaxRateInput {
+  props {
+    label = "TaxRate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TeamMemberCard.wrn b/packages/ui/components/TeamMemberCard.wrn
new file mode 100644
index 00000000..92d85b0c
--- /dev/null
+++ b/packages/ui/components/TeamMemberCard.wrn
@@ -0,0 +1,13 @@
+component TeamMemberCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TeamSizeSelector.wrn b/packages/ui/components/TeamSizeSelector.wrn
new file mode 100644
index 00000000..d9145185
--- /dev/null
+++ b/packages/ui/components/TeamSizeSelector.wrn
@@ -0,0 +1,16 @@
+component TeamSizeSelector {
+  props {
+    label = "TeamSize" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TemplateSelector.wrn b/packages/ui/components/TemplateSelector.wrn
new file mode 100644
index 00000000..1c7ba07b
--- /dev/null
+++ b/packages/ui/components/TemplateSelector.wrn
@@ -0,0 +1,16 @@
+component TemplateSelector {
+  props {
+    label = "Template" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TemplateVariableInput.wrn b/packages/ui/components/TemplateVariableInput.wrn
new file mode 100644
index 00000000..81ced6f4
--- /dev/null
+++ b/packages/ui/components/TemplateVariableInput.wrn
@@ -0,0 +1,16 @@
+component TemplateVariableInput {
+  props {
+    label = "TemplateVariable" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TenantIsolationDiagram.wrn b/packages/ui/components/TenantIsolationDiagram.wrn
new file mode 100644
index 00000000..cc899cd1
--- /dev/null
+++ b/packages/ui/components/TenantIsolationDiagram.wrn
@@ -0,0 +1,11 @@
+component TenantIsolationDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/TerminalBlock.wrn b/packages/ui/components/TerminalBlock.wrn
new file mode 100644
index 00000000..7f90e0a6
--- /dev/null
+++ b/packages/ui/components/TerminalBlock.wrn
@@ -0,0 +1,13 @@
+component TerminalBlock {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TestMessageDialog.wrn b/packages/ui/components/TestMessageDialog.wrn
new file mode 100644
index 00000000..42a1ba51
--- /dev/null
+++ b/packages/ui/components/TestMessageDialog.wrn
@@ -0,0 +1,10 @@
+component TestMessageDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/TestimonialCarousel.wrn b/packages/ui/components/TestimonialCarousel.wrn
new file mode 100644
index 00000000..62baf0c1
--- /dev/null
+++ b/packages/ui/components/TestimonialCarousel.wrn
@@ -0,0 +1,13 @@
+component TestimonialCarousel {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TextLink.wrn b/packages/ui/components/TextLink.wrn
new file mode 100644
index 00000000..47bbe159
--- /dev/null
+++ b/packages/ui/components/TextLink.wrn
@@ -0,0 +1,11 @@
+component TextLink {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/TextSkeleton.wrn b/packages/ui/components/TextSkeleton.wrn
new file mode 100644
index 00000000..becbcc06
--- /dev/null
+++ b/packages/ui/components/TextSkeleton.wrn
@@ -0,0 +1,11 @@
+component TextSkeleton {
+  props {
+    label = "Text" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/ThemeColorPicker.wrn b/packages/ui/components/ThemeColorPicker.wrn
new file mode 100644
index 00000000..5ab4968b
--- /dev/null
+++ b/packages/ui/components/ThemeColorPicker.wrn
@@ -0,0 +1,16 @@
+component ThemeColorPicker {
+  props {
+    label = "ThemeColor" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ThemeSwitcher.wrn b/packages/ui/components/ThemeSwitcher.wrn
new file mode 100644
index 00000000..4c57749b
--- /dev/null
+++ b/packages/ui/components/ThemeSwitcher.wrn
@@ -0,0 +1,13 @@
+component ThemeSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TimeRangePicker.wrn b/packages/ui/components/TimeRangePicker.wrn
new file mode 100644
index 00000000..560efe30
--- /dev/null
+++ b/packages/ui/components/TimeRangePicker.wrn
@@ -0,0 +1,16 @@
+component TimeRangePicker {
+  props {
+    label = "TimeRange" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TimelineChart.wrn b/packages/ui/components/TimelineChart.wrn
new file mode 100644
index 00000000..74749404
--- /dev/null
+++ b/packages/ui/components/TimelineChart.wrn
@@ -0,0 +1,11 @@
+component TimelineChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/TimeoutInput.wrn b/packages/ui/components/TimeoutInput.wrn
new file mode 100644
index 00000000..0b7649be
--- /dev/null
+++ b/packages/ui/components/TimeoutInput.wrn
@@ -0,0 +1,16 @@
+component TimeoutInput {
+  props {
+    label = "Timeout" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TimezoneAwareTimePicker.wrn b/packages/ui/components/TimezoneAwareTimePicker.wrn
new file mode 100644
index 00000000..0f2bb20a
--- /dev/null
+++ b/packages/ui/components/TimezoneAwareTimePicker.wrn
@@ -0,0 +1,16 @@
+component TimezoneAwareTimePicker {
+  props {
+    label = "TimezoneAwareTime" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ToastAction.wrn b/packages/ui/components/ToastAction.wrn
new file mode 100644
index 00000000..1ff95eea
--- /dev/null
+++ b/packages/ui/components/ToastAction.wrn
@@ -0,0 +1,11 @@
+component ToastAction {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}
diff --git a/packages/ui/components/ToastIcon.wrn b/packages/ui/components/ToastIcon.wrn
new file mode 100644
index 00000000..b2c0ff80
--- /dev/null
+++ b/packages/ui/components/ToastIcon.wrn
@@ -0,0 +1,13 @@
+component ToastIcon {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ToastProgress.wrn b/packages/ui/components/ToastProgress.wrn
new file mode 100644
index 00000000..30055854
--- /dev/null
+++ b/packages/ui/components/ToastProgress.wrn
@@ -0,0 +1,11 @@
+component ToastProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/Toggle.wrn b/packages/ui/components/Toggle.wrn
new file mode 100644
index 00000000..09b887ec
--- /dev/null
+++ b/packages/ui/components/Toggle.wrn
@@ -0,0 +1,16 @@
+component Toggle {
+  props {
+    label = "" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ToggleGroup.wrn b/packages/ui/components/ToggleGroup.wrn
new file mode 100644
index 00000000..54cf872b
--- /dev/null
+++ b/packages/ui/components/ToggleGroup.wrn
@@ -0,0 +1,16 @@
+component ToggleGroup {
+  props {
+    label = "Toggle" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TokenInput.wrn b/packages/ui/components/TokenInput.wrn
new file mode 100644
index 00000000..70c4a9d6
--- /dev/null
+++ b/packages/ui/components/TokenInput.wrn
@@ -0,0 +1,16 @@
+component TokenInput {
+  props {
+    label = "Token" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/TotpVerificationForm.wrn b/packages/ui/components/TotpVerificationForm.wrn
new file mode 100644
index 00000000..a1f50e07
--- /dev/null
+++ b/packages/ui/components/TotpVerificationForm.wrn
@@ -0,0 +1,13 @@
+component TotpVerificationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TranslatedText.wrn b/packages/ui/components/TranslatedText.wrn
new file mode 100644
index 00000000..5a2dffd9
--- /dev/null
+++ b/packages/ui/components/TranslatedText.wrn
@@ -0,0 +1,13 @@
+component TranslatedText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TreeTable.wrn b/packages/ui/components/TreeTable.wrn
new file mode 100644
index 00000000..21bd6026
--- /dev/null
+++ b/packages/ui/components/TreeTable.wrn
@@ -0,0 +1,10 @@
+component TreeTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/TrendIndicator.wrn b/packages/ui/components/TrendIndicator.wrn
new file mode 100644
index 00000000..9c1e6c3b
--- /dev/null
+++ b/packages/ui/components/TrendIndicator.wrn
@@ -0,0 +1,11 @@
+component TrendIndicator {
+  props {
+    label = "Trend" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/TruncatedText.wrn b/packages/ui/components/TruncatedText.wrn
new file mode 100644
index 00000000..60068ab1
--- /dev/null
+++ b/packages/ui/components/TruncatedText.wrn
@@ -0,0 +1,13 @@
+component TruncatedText {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/TrustBadgeList.wrn b/packages/ui/components/TrustBadgeList.wrn
new file mode 100644
index 00000000..a5e3e4ac
--- /dev/null
+++ b/packages/ui/components/TrustBadgeList.wrn
@@ -0,0 +1,10 @@
+component TrustBadgeList {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/UnavailableRegionState.wrn b/packages/ui/components/UnavailableRegionState.wrn
new file mode 100644
index 00000000..f0f63bce
--- /dev/null
+++ b/packages/ui/components/UnavailableRegionState.wrn
@@ -0,0 +1,11 @@
+component UnavailableRegionState {
+  props {
+    label = "UnavailableRegion" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}
diff --git a/packages/ui/components/UnifiedTimelinePreview.wrn b/packages/ui/components/UnifiedTimelinePreview.wrn
new file mode 100644
index 00000000..7a463085
--- /dev/null
+++ b/packages/ui/components/UnifiedTimelinePreview.wrn
@@ -0,0 +1,13 @@
+component UnifiedTimelinePreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/UnsavedChangesDialog.wrn b/packages/ui/components/UnsavedChangesDialog.wrn
new file mode 100644
index 00000000..a0ab2846
--- /dev/null
+++ b/packages/ui/components/UnsavedChangesDialog.wrn
@@ -0,0 +1,10 @@
+component UnsavedChangesDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/UploadItem.wrn b/packages/ui/components/UploadItem.wrn
new file mode 100644
index 00000000..10f5d98a
--- /dev/null
+++ b/packages/ui/components/UploadItem.wrn
@@ -0,0 +1,13 @@
+component UploadItem {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/UploadPreview.wrn b/packages/ui/components/UploadPreview.wrn
new file mode 100644
index 00000000..e5b99d45
--- /dev/null
+++ b/packages/ui/components/UploadPreview.wrn
@@ -0,0 +1,13 @@
+component UploadPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/UploadProgress.wrn b/packages/ui/components/UploadProgress.wrn
new file mode 100644
index 00000000..df18c972
--- /dev/null
+++ b/packages/ui/components/UploadProgress.wrn
@@ -0,0 +1,11 @@
+component UploadProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/UptimeChart.wrn b/packages/ui/components/UptimeChart.wrn
new file mode 100644
index 00000000..79fde90e
--- /dev/null
+++ b/packages/ui/components/UptimeChart.wrn
@@ -0,0 +1,11 @@
+component UptimeChart {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/UptimeMetric.wrn b/packages/ui/components/UptimeMetric.wrn
new file mode 100644
index 00000000..8c20faf7
--- /dev/null
+++ b/packages/ui/components/UptimeMetric.wrn
@@ -0,0 +1,11 @@
+component UptimeMetric {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/UsagePricingTable.wrn b/packages/ui/components/UsagePricingTable.wrn
new file mode 100644
index 00000000..34c41084
--- /dev/null
+++ b/packages/ui/components/UsagePricingTable.wrn
@@ -0,0 +1,10 @@
+component UsagePricingTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/UseCaseSelector.wrn b/packages/ui/components/UseCaseSelector.wrn
new file mode 100644
index 00000000..8b8b257c
--- /dev/null
+++ b/packages/ui/components/UseCaseSelector.wrn
@@ -0,0 +1,16 @@
+component UseCaseSelector {
+  props {
+    label = "UseCase" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/UsernameInput.wrn b/packages/ui/components/UsernameInput.wrn
new file mode 100644
index 00000000..f2b7181f
--- /dev/null
+++ b/packages/ui/components/UsernameInput.wrn
@@ -0,0 +1,16 @@
+component UsernameInput {
+  props {
+    label = "Username" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ValueCard.wrn b/packages/ui/components/ValueCard.wrn
new file mode 100644
index 00000000..56c7543c
--- /dev/null
+++ b/packages/ui/components/ValueCard.wrn
@@ -0,0 +1,13 @@
+component ValueCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/ValuesGrid.wrn b/packages/ui/components/ValuesGrid.wrn
new file mode 100644
index 00000000..a6a79c23
--- /dev/null
+++ b/packages/ui/components/ValuesGrid.wrn
@@ -0,0 +1,10 @@
+component ValuesGrid {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/VerificationCodeInput.wrn b/packages/ui/components/VerificationCodeInput.wrn
new file mode 100644
index 00000000..db996491
--- /dev/null
+++ b/packages/ui/components/VerificationCodeInput.wrn
@@ -0,0 +1,16 @@
+component VerificationCodeInput {
+  props {
+    label = "VerificationCode" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/VersionSelector.wrn b/packages/ui/components/VersionSelector.wrn
new file mode 100644
index 00000000..f35b6580
--- /dev/null
+++ b/packages/ui/components/VersionSelector.wrn
@@ -0,0 +1,16 @@
+component VersionSelector {
+  props {
+    label = "Version" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/VerticalTabs.wrn b/packages/ui/components/VerticalTabs.wrn
new file mode 100644
index 00000000..e3a4a148
--- /dev/null
+++ b/packages/ui/components/VerticalTabs.wrn
@@ -0,0 +1,13 @@
+component VerticalTabs {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/VideoCard.wrn b/packages/ui/components/VideoCard.wrn
new file mode 100644
index 00000000..16e2ab47
--- /dev/null
+++ b/packages/ui/components/VideoCard.wrn
@@ -0,0 +1,13 @@
+component VideoCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/VideoPreviewDialog.wrn b/packages/ui/components/VideoPreviewDialog.wrn
new file mode 100644
index 00000000..e871b30d
--- /dev/null
+++ b/packages/ui/components/VideoPreviewDialog.wrn
@@ -0,0 +1,10 @@
+component VideoPreviewDialog {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}
diff --git a/packages/ui/components/VideoUpload.wrn b/packages/ui/components/VideoUpload.wrn
new file mode 100644
index 00000000..b59bf39f
--- /dev/null
+++ b/packages/ui/components/VideoUpload.wrn
@@ -0,0 +1,13 @@
+component VideoUpload {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/VirtualizedTable.wrn b/packages/ui/components/VirtualizedTable.wrn
new file mode 100644
index 00000000..fb52b4d8
--- /dev/null
+++ b/packages/ui/components/VirtualizedTable.wrn
@@ -0,0 +1,10 @@
+component VirtualizedTable {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}
diff --git a/packages/ui/components/VisionSection.wrn b/packages/ui/components/VisionSection.wrn
new file mode 100644
index 00000000..cacb5a7c
--- /dev/null
+++ b/packages/ui/components/VisionSection.wrn
@@ -0,0 +1,10 @@
+component VisionSection {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/VoiceScriptComposer.wrn b/packages/ui/components/VoiceScriptComposer.wrn
new file mode 100644
index 00000000..f8aa2852
--- /dev/null
+++ b/packages/ui/components/VoiceScriptComposer.wrn
@@ -0,0 +1,13 @@
+component VoiceScriptComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/VoiceScriptEditor.wrn b/packages/ui/components/VoiceScriptEditor.wrn
new file mode 100644
index 00000000..1bbd3af4
--- /dev/null
+++ b/packages/ui/components/VoiceScriptEditor.wrn
@@ -0,0 +1,16 @@
+component VoiceScriptEditor {
+  props {
+    label = "VoiceScript" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/VolumeInput.wrn b/packages/ui/components/VolumeInput.wrn
new file mode 100644
index 00000000..71c789cc
--- /dev/null
+++ b/packages/ui/components/VolumeInput.wrn
@@ -0,0 +1,16 @@
+component VolumeInput {
+  props {
+    label = "Volume" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/VolumeSlider.wrn b/packages/ui/components/VolumeSlider.wrn
new file mode 100644
index 00000000..10ae4e30
--- /dev/null
+++ b/packages/ui/components/VolumeSlider.wrn
@@ -0,0 +1,13 @@
+component VolumeSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WebhookEventCard.wrn b/packages/ui/components/WebhookEventCard.wrn
new file mode 100644
index 00000000..0e1765e3
--- /dev/null
+++ b/packages/ui/components/WebhookEventCard.wrn
@@ -0,0 +1,13 @@
+component WebhookEventCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WebhookFlowDiagram.wrn b/packages/ui/components/WebhookFlowDiagram.wrn
new file mode 100644
index 00000000..2d01823e
--- /dev/null
+++ b/packages/ui/components/WebhookFlowDiagram.wrn
@@ -0,0 +1,11 @@
+component WebhookFlowDiagram {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/WebhookPayloadViewer.wrn b/packages/ui/components/WebhookPayloadViewer.wrn
new file mode 100644
index 00000000..734275cd
--- /dev/null
+++ b/packages/ui/components/WebhookPayloadViewer.wrn
@@ -0,0 +1,13 @@
+component WebhookPayloadViewer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WebhookUrlInput.wrn b/packages/ui/components/WebhookUrlInput.wrn
new file mode 100644
index 00000000..91da3bab
--- /dev/null
+++ b/packages/ui/components/WebhookUrlInput.wrn
@@ -0,0 +1,16 @@
+component WebhookUrlInput {
+  props {
+    label = "WebhookUrl" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/WebinarCard.wrn b/packages/ui/components/WebinarCard.wrn
new file mode 100644
index 00000000..f91e500d
--- /dev/null
+++ b/packages/ui/components/WebinarCard.wrn
@@ -0,0 +1,13 @@
+component WebinarCard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WebinarRegistrationForm.wrn b/packages/ui/components/WebinarRegistrationForm.wrn
new file mode 100644
index 00000000..3ada7509
--- /dev/null
+++ b/packages/ui/components/WebinarRegistrationForm.wrn
@@ -0,0 +1,13 @@
+component WebinarRegistrationForm {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WhatsAppComposer.wrn b/packages/ui/components/WhatsAppComposer.wrn
new file mode 100644
index 00000000..42faff4f
--- /dev/null
+++ b/packages/ui/components/WhatsAppComposer.wrn
@@ -0,0 +1,13 @@
+component WhatsAppComposer {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WhatsAppNumberInput.wrn b/packages/ui/components/WhatsAppNumberInput.wrn
new file mode 100644
index 00000000..0a5e6ab7
--- /dev/null
+++ b/packages/ui/components/WhatsAppNumberInput.wrn
@@ -0,0 +1,16 @@
+component WhatsAppNumberInput {
+  props {
+    label = "WhatsAppNumber" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/WhatsAppTemplateEditor.wrn b/packages/ui/components/WhatsAppTemplateEditor.wrn
new file mode 100644
index 00000000..909d6089
--- /dev/null
+++ b/packages/ui/components/WhatsAppTemplateEditor.wrn
@@ -0,0 +1,16 @@
+component WhatsAppTemplateEditor {
+  props {
+    label = "WhatsAppTemplate" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/Wizard.wrn b/packages/ui/components/Wizard.wrn
new file mode 100644
index 00000000..58b2d36d
--- /dev/null
+++ b/packages/ui/components/Wizard.wrn
@@ -0,0 +1,13 @@
+component Wizard {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WizardHeader.wrn b/packages/ui/components/WizardHeader.wrn
new file mode 100644
index 00000000..cab5ba9a
--- /dev/null
+++ b/packages/ui/components/WizardHeader.wrn
@@ -0,0 +1,10 @@
+component WizardHeader {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/WizardNavigation.wrn b/packages/ui/components/WizardNavigation.wrn
new file mode 100644
index 00000000..08a7b2b8
--- /dev/null
+++ b/packages/ui/components/WizardNavigation.wrn
@@ -0,0 +1,10 @@
+component WizardNavigation {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}
diff --git a/packages/ui/components/WorkflowCanvasPreview.wrn b/packages/ui/components/WorkflowCanvasPreview.wrn
new file mode 100644
index 00000000..70d47a4b
--- /dev/null
+++ b/packages/ui/components/WorkflowCanvasPreview.wrn
@@ -0,0 +1,13 @@
+component WorkflowCanvasPreview {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/WorkflowProgress.wrn b/packages/ui/components/WorkflowProgress.wrn
new file mode 100644
index 00000000..e5fd1dc7
--- /dev/null
+++ b/packages/ui/components/WorkflowProgress.wrn
@@ -0,0 +1,11 @@
+component WorkflowProgress {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}
diff --git a/packages/ui/components/WorkspaceSelector.wrn b/packages/ui/components/WorkspaceSelector.wrn
new file mode 100644
index 00000000..fe4f204d
--- /dev/null
+++ b/packages/ui/components/WorkspaceSelector.wrn
@@ -0,0 +1,16 @@
+component WorkspaceSelector {
+  props {
+    label = "Workspace" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/WorkspaceSwitcher.wrn b/packages/ui/components/WorkspaceSwitcher.wrn
new file mode 100644
index 00000000..e5439564
--- /dev/null
+++ b/packages/ui/components/WorkspaceSwitcher.wrn
@@ -0,0 +1,13 @@
+component WorkspaceSwitcher {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/components/YearPicker.wrn b/packages/ui/components/YearPicker.wrn
new file mode 100644
index 00000000..3656a4f1
--- /dev/null
+++ b/packages/ui/components/YearPicker.wrn
@@ -0,0 +1,16 @@
+component YearPicker {
+  props {
+    label = "Year" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}
diff --git a/packages/ui/components/ZoomSlider.wrn b/packages/ui/components/ZoomSlider.wrn
new file mode 100644
index 00000000..51f7d58e
--- /dev/null
+++ b/packages/ui/components/ZoomSlider.wrn
@@ -0,0 +1,13 @@
+component ZoomSlider {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index f2212f7b..94afe5d5 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,12 +1,14 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
   "exports": {
     ".": "./src/index.ts",
     "./components/*": "./components/*",
+    "./component-catalog.json": "./component-catalog.json",
+    "./component-reference.json": "./component-reference.json",
     "./ui.css": "./ui.css"
   },
   "dependencies": {
diff --git a/packages/ui/test/ui.test.ts b/packages/ui/test/ui.test.ts
index 4dc6d2c2..0b7be449 100644
--- a/packages/ui/test/ui.test.ts
+++ b/packages/ui/test/ui.test.ts
@@ -13,6 +13,20 @@ test("bundled UI assets are discoverable and readable", () => {
   expect(uiCss()).toContain("--wire-");
 });
 
+test("generated component reference documents every bundled component and its props", () => {
+  const reference = JSON.parse(
+    readFileSync(join(uiComponentsDir(), "..", "component-reference.json"), "utf8"),
+  ) as { count: number; components: Array<{ name: string; props: Array<{ name: string }> }> };
+  expect(reference.count).toBe(uiComponentNames().length);
+  expect(reference.count).toBeGreaterThanOrEqual(891);
+  expect(reference.components.map((component) => component.name)).toEqual(
+    expect.arrayContaining(uiComponentNames()),
+  );
+  expect(reference.components.find((component) => component.name === "Button")?.props).toEqual(
+    expect.arrayContaining([expect.objectContaining({ name: "label" })]),
+  );
+});
+
 test("PDF minimum-release and essential build-first components are bundled", () => {
   const required = [
     "Typography",
@@ -67,7 +81,9 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
   expect(css).toContain("--color-red-600: var(--wire-color-danger)");
 });
 
-test.each(uiComponentNames())("bundled UI component %s compiles", (name) => {
-  const path = join(uiComponentsDir(), `${name}.wrn`);
-  expect(() => compileWireFile(readFileSync(path, "utf8"), path)).not.toThrow();
+test("every bundled UI component compiles", () => {
+  for (const name of uiComponentNames()) {
+    const path = join(uiComponentsDir(), `${name}.wrn`);
+    expect(() => compileWireFile(readFileSync(path, "utf8"), path)).not.toThrow();
+  }
 });
diff --git a/packages/ui/ui.css b/packages/ui/ui.css
index 7743be70..4fb93712 100644
--- a/packages/ui/ui.css
+++ b/packages/ui/ui.css
@@ -938,6 +938,109 @@
   }
 }
 
+/* --- Complete catalog composition patterns ----------------------------- */
+.wire-catalog-action {
+  display: inline-flex;
+  max-width: 100%;
+}
+.wire-catalog-form,
+.wire-catalog-collection,
+.wire-catalog-section {
+  display: grid;
+  gap: clamp(1rem, 2vw, 1.5rem);
+  min-width: 0;
+}
+.wire-catalog-form > header,
+.wire-catalog-collection > header,
+.wire-catalog-section > header {
+  display: grid;
+  gap: 0.5rem;
+}
+.wire-catalog-form :where(h2, p),
+.wire-catalog-collection :where(h2, p),
+.wire-catalog-section :where(h2, p) {
+  margin: 0;
+}
+.wire-catalog-field {
+  min-width: 0;
+}
+.wire-catalog-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: grid;
+  place-items: center;
+  overflow: auto;
+  padding: clamp(1rem, 4vw, 2rem);
+  background: rgb(2 6 23 / 0.68);
+  backdrop-filter: blur(8px);
+}
+.wire-catalog-overlay .wire-dialog {
+  width: min(100%, 42rem);
+  max-height: calc(100dvh - 2rem);
+  overflow: auto;
+  padding: clamp(1rem, 4vw, 1.5rem);
+  color: var(--wire-color-text);
+  background: var(--wire-color-surface);
+  border: 1px solid var(--wire-color-border);
+  border-radius: var(--wire-radius);
+  box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 0.3);
+}
+.wire-catalog-collection__items {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
+  gap: 1rem;
+  min-width: 0;
+}
+.wire-catalog-feedback {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.5rem 1rem;
+  align-items: start;
+}
+.wire-catalog-feedback p {
+  grid-column: 1 / -1;
+  margin: 0;
+}
+.wire-catalog-visualization {
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+}
+.wire-catalog-visualization figcaption {
+  display: grid;
+  gap: 0.35rem;
+}
+.wire-catalog-visualization__content {
+  min-height: 10rem;
+  overflow-x: auto;
+}
+.wire-catalog-visualization__skeleton {
+  width: 100%;
+  min-height: 10rem;
+}
+.wire-catalog-card__image {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  object-fit: cover;
+  border-radius: calc(var(--wire-radius) * 0.75);
+}
+
+@media (max-width: 480px) {
+  .wire-catalog-action,
+  .wire-catalog-action > :where(a, button) {
+    width: 100%;
+  }
+  .wire-catalog-overlay {
+    align-items: end;
+    padding: 0;
+  }
+  .wire-catalog-overlay .wire-dialog {
+    max-height: 92dvh;
+    border-radius: var(--wire-radius) var(--wire-radius) 0 0;
+  }
+}
+
 /* --- Motion system -------------------------------------------------------
  * Applies to both Tailwind-authored and token-authored components. Motion is
  * intentionally limited to composited properties so interaction stays fluid.
diff --git a/packages/uploader/package.json b/packages/uploader/package.json
index dd8d5e49..bc1f8452 100644
--- a/packages/uploader/package.json
+++ b/packages/uploader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/uploader",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/packages/validation/package.json b/packages/validation/package.json
index e3de71b8..04e8e381 100644
--- a/packages/validation/package.json
+++ b/packages/validation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/validation",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "private": true,
   "type": "module",
   "main": "src/index.ts",
diff --git a/scripts/generate-ui-complete-catalog.mjs b/scripts/generate-ui-complete-catalog.mjs
new file mode 100644
index 00000000..7b6bfa2c
--- /dev/null
+++ b/scripts/generate-ui-complete-catalog.mjs
@@ -0,0 +1,157 @@
+import { existsSync, readFileSync, writeFileSync } from "node:fs";
+import { join } from "node:path";
+
+const root = join(import.meta.dirname, "..", "packages", "ui");
+const componentsDir = join(root, "components");
+const catalog = JSON.parse(readFileSync(join(root, "component-catalog.json"), "utf8"));
+
+function add(name, source) {
+  const file = join(componentsDir, `${name}.wrn`);
+  const generated = existsSync(file) && readFileSync(file, "utf8").includes("props { ");
+  if (!existsSync(file) || generated) writeFileSync(file, `${source.trim()}\n`, "utf8");
+}
+
+function action(name) {
+  return `component ${name} {
+  props {
+    label = "Action"
+    href = ""
+    type = "button"
+    variant = "primary"
+    disabled = false
+    class = ""
+  }
+  view { <span class="wire-catalog-action {class}"><a data-show="href" href="{href}" class="wire-btn wire-btn--{variant}">{label}<slot /></a><button data-show="!href" type="{type}" disabled="{disabled}" class="wire-btn wire-btn--{variant}">{label}<slot /></button></span> }
+}`;
+}
+
+function form(name) {
+  if (name.endsWith("Form")) {
+    return `component ${name} {
+  props {
+    title = ""
+    description = ""
+    action = ""
+    method = "post"
+    submitLabel = "Submit"
+    loading = false
+    disabled = false
+    class = ""
+  }
+  view { <form action="{action}" method="{method}" class="wire-form wire-catalog-form {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><slot /><footer class="wire-dialog__actions"><button type="submit" disabled="{disabled || loading}" class="wire-btn wire-btn--primary">{loading ? 'Submitting…' : submitLabel}</button></footer></form> }
+}`;
+  }
+  return `component ${name} {
+  props {
+    label = "${name.replace(/(Input|Field|Selector|Picker|Toggle|Group|Editor)$/, "")}" 
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "text"
+    required = false
+    disabled = false
+    readonly = false
+    help = ""
+    error = ""
+    class = ""
+  }
+  view { <label class="wire-field wire-catalog-field {class}"><span class="wire-label">{label}<span data-show="required" class="wire-required"> *</span></span><input name="{name}" value="{value}" placeholder="{placeholder}" type="{type}" required="{required}" disabled="{disabled}" readonly="{readonly}" aria-invalid="{error ? 'true' : 'false'}" class="wire-input" /><span data-show="help && !error" class="wire-field-message wire-field-message--help">{help}</span><span data-show="error" role="alert" class="wire-field-message wire-field-message--error">{error}</span><slot /></label> }
+}`;
+}
+
+function overlay(name) {
+  return `component ${name} {
+  props {
+    title = ""
+    description = ""
+    open = false
+    closeLabel = "Close"
+    class = ""
+  }
+  view { <div data-show="open" class="wire-overlay wire-catalog-overlay {class}"><section role="dialog" aria-modal="true" aria-label="{title}" class="wire-dialog"><header><h2 data-show="title" class="wire-dialog__title">{title}</h2><p data-show="description" class="wire-dialog__description">{description}</p></header><slot /><button type="button" class="wire-btn wire-btn--ghost">{closeLabel}</button></section></div> }
+}`;
+}
+
+function collection(name) {
+  return `component ${name} {
+  props {
+    title = ""
+    description = ""
+    empty = false
+    emptyText = "No items available."
+    class = ""
+  }
+  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+}`;
+}
+
+function visualization(name) {
+  return `component ${name} {
+  props {
+    title = ""
+    value = ""
+    description = ""
+    summary = ""
+    loading = false
+    class = ""
+  }
+  view { <figure aria-label="{summary || title}" class="wire-card wire-catalog-visualization {class}"><figcaption><strong data-show="title">{title}</strong><span data-show="value" class="wire-metric__value">{value}</span><span data-show="description" class="wire-muted">{description}</span></figcaption><div data-show="loading" class="wire-skeleton wire-catalog-visualization__skeleton"></div><div data-show="!loading" class="wire-catalog-visualization__content"><slot /></div><p data-show="summary" class="wire-visually-hidden">{summary}</p></figure> }
+}`;
+}
+
+function feedback(name) {
+  return `component ${name} {
+  props {
+    label = "${name.replace(/(Badge|Indicator|Counter|State|Alert|Banner|Notice|Skeleton)$/, "")}" 
+    title = ""
+    description = ""
+    value = ""
+    variant = "default"
+    class = ""
+  }
+  view { <aside role="status" class="wire-alert wire-alert--{variant} wire-catalog-feedback {class}"><strong data-show="title || label">{title || label}</strong><span data-show="value" class="wire-badge wire-badge--{variant}">{value}</span><p data-show="description">{description}</p><slot /></aside> }
+}`;
+}
+
+function layout(name) {
+  return `component ${name} {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    align = "start"
+    class = ""
+  }
+  view { <section class="wire-catalog-section wire-text--{align} {class}"><header data-show="eyebrow || title || description"><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h2 data-show="title">{title}</h2><p data-show="description" class="wire-muted">{description}</p></header><slot /></section> }
+}`;
+}
+
+function content(name) {
+  return `component ${name} {
+  props {
+    eyebrow = ""
+    title = ""
+    description = ""
+    href = ""
+    actionLabel = "Learn more"
+    image = ""
+    alt = ""
+    class = ""
+  }
+  view { <article class="wire-card wire-catalog-card {class}"><img data-show="image" src="{image}" alt="{alt}" class="wire-catalog-card__image" /><span data-show="eyebrow" class="wire-eyebrow">{eyebrow}</span><h3 data-show="title">{title}</h3><p data-show="description">{description}</p><slot /><a data-show="href" href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a></article> }
+}`;
+}
+
+const factories = {
+  actions: action,
+  forms: form,
+  overlays: overlay,
+  data: collection,
+  visualization,
+  feedback,
+  layout,
+  content,
+};
+for (const entry of catalog.components) {
+  add(entry.name, factories[entry.category](entry.name));
+}
diff --git a/scripts/generate-ui-component-reference.mjs b/scripts/generate-ui-component-reference.mjs
new file mode 100644
index 00000000..e62507a8
--- /dev/null
+++ b/scripts/generate-ui-component-reference.mjs
@@ -0,0 +1,107 @@
+import { readdirSync, readFileSync, writeFileSync } from "node:fs";
+import { basename, join } from "node:path";
+
+const uiRoot = join(import.meta.dirname, "..", "packages", "ui");
+const componentsDir = join(uiRoot, "components");
+const catalog = JSON.parse(readFileSync(join(uiRoot, "component-catalog.json"), "utf8"));
+const metadata = new Map(catalog.components.map((entry) => [entry.name, entry]));
+
+function block(source, keyword) {
+  const start = source.indexOf(`${keyword} {`);
+  if (start < 0) return "";
+  const open = source.indexOf("{", start);
+  let depth = 0;
+  for (let index = open; index < source.length; index++) {
+    if (source[index] === "{") depth++;
+    if (source[index] === "}" && --depth === 0) return source.slice(open + 1, index);
+  }
+  return "";
+}
+
+function propsOf(source) {
+  const props = [];
+  for (const line of block(source, "props").split(/\r?\n/)) {
+    const match = line.trim().match(/^([A-Za-z][A-Za-z0-9_]*)\s*(?:=\s*(.+))?$/);
+    if (!match) continue;
+    const [, name, rawDefault] = match;
+    const value = rawDefault?.trim();
+    const type =
+      value === "true" || value === "false"
+        ? "boolean"
+        : /^-?\d+(?:\.\d+)?$/.test(value ?? "")
+          ? "number"
+          : "string";
+    props.push({ name, type, required: value === undefined, default: value ?? null });
+  }
+  return props;
+}
+
+function words(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2").toLowerCase();
+}
+
+const components = readdirSync(componentsDir)
+  .filter((file) => file.endsWith(".wrn"))
+  .sort((a, b) => a.localeCompare(b))
+  .map((file) => {
+    const name = basename(file, ".wrn");
+    const source = readFileSync(join(componentsDir, file), "utf8");
+    const entry = metadata.get(name);
+    const slots = [...source.matchAll(/<slot(?:\s+name="([^"]+)")?/g)].map(
+      (match) => match[1] ?? "default",
+    );
+    const events = [
+      ...new Set([...source.matchAll(/@([A-Za-z][A-Za-z0-9_-]*)=/g)].map((match) => match[1])),
+    ];
+    return {
+      name,
+      mount: name,
+      category: entry?.category ?? "core",
+      purpose: entry?.purpose ?? `Reusable ${words(name)} component.`,
+      props: propsOf(source),
+      slots: [...new Set(slots)],
+      events,
+      source: `components/${file}`,
+    };
+  });
+
+writeFileSync(
+  join(uiRoot, "component-reference.json"),
+  JSON.stringify(
+    { generatedFrom: "packages/ui/components/*.wrn", count: components.length, components },
+    null,
+    2,
+  ) + "\n",
+);
+
+const lines = [
+  "# WRNexus UI component reference",
+  "",
+  `This reference is generated from the ${components.length} packaged \`.wrn\` component sources. Props marked required have no default; all others show their runtime default.`,
+  "",
+];
+for (const category of [...new Set(components.map((component) => component.category))].sort()) {
+  lines.push(`## ${category[0].toUpperCase()}${category.slice(1)}`, "");
+  for (const component of components.filter((item) => item.category === category)) {
+    const props = component.props.length
+      ? component.props
+          .map(
+            (prop) =>
+              `\`${prop.name}: ${prop.type}${prop.required ? " (required)" : ` = ${prop.default}`}\``,
+          )
+          .join(", ")
+      : "None";
+    lines.push(
+      `### ${component.name}`,
+      "",
+      component.purpose,
+      "",
+      `- Mount: \`data-component="${component.mount}"\``,
+      `- Props: ${props}`,
+      `- Slots: ${component.slots.length ? component.slots.map((slot) => `\`${slot}\``).join(", ") : "None"}`,
+      `- Events: ${component.events.length ? component.events.map((event) => `\`${event}\``).join(", ") : "None"}`,
+      "",
+    );
+  }
+}
+writeFileSync(join(uiRoot, "COMPONENTS.md"), `${lines.join("\n")}\n`);
diff --git a/scripts/publish-packages.ts b/scripts/publish-packages.ts
index b451cdae..55420868 100644
--- a/scripts/publish-packages.ts
+++ b/scripts/publish-packages.ts
@@ -40,7 +40,13 @@ const LICENSE = "MIT";
 
 /** Extra (non-code) files each package must ship, relative to the package root. */
 const ASSETS: Record<string, string[]> = {
-  "@wrnexus/ui": ["components", "ui.css"],
+  "@wrnexus/ui": [
+    "components",
+    "ui.css",
+    "component-catalog.json",
+    "component-reference.json",
+    "COMPONENTS.md",
+  ],
 };
 
 interface Pkg {
diff --git a/update-package-versions.mjs b/update-package-versions.mjs
index 3005c588..9a65d14c 100644
--- a/update-package-versions.mjs
+++ b/update-package-versions.mjs
@@ -1,7 +1,7 @@
 import { existsSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 
-const version = "0.2.57";
+const version = "0.2.58";
 
 const dependencyGroups = [
   "dependencies",