feat(components): Add reusable message input component, refactor element properties to use accessor, update styles and docs, bump dependencies

ts_web/elements/sio-pdf-viewer.ts

@@ -8,7 +8,6 @@ import {
   css,
   unsafeCSS,
   state,
-  type PropertyValues,
 } from '@design.estate/dees-element';
 
 // Import design tokens
@@ -37,28 +36,28 @@ export class SioPdfViewer extends DeesElement {
   `;
 
   @property({ type: String })
-  public url: string = '';
+  public accessor url: string = '';
 
   @property({ type: String })
-  public fileName: string = 'document.pdf';
+  public accessor fileName: string = 'document.pdf';
 
   @state()
-  private isLoading: boolean = true;
+  private accessor isLoading: boolean = true;
 
   @state()
-  private hasError: boolean = false;
-  
+  private accessor hasError: boolean = false;
+
   @state()
-  private pdfDocument: any = null;
-  
+  private accessor pdfDocument: any = null;
+
   @state()
-  private currentPage: number = 1;
-  
+  private accessor currentPage: number = 1;
+
   @state()
-  private totalPages: number = 0;
-  
+  private accessor totalPages: number = 0;
+
   @state()
-  private scale: number = 1;
+  private accessor scale: number = 1;
   
   private static pdfJsLoaded: boolean = false;
   private static pdfJsLoading: Promise<void> | null = null;
@@ -399,7 +398,7 @@ export class SioPdfViewer extends DeesElement {
     }
   }
   
-  public async firstUpdated(_changedProperties: PropertyValues) {
+  public async firstUpdated(_changedProperties: any) {
     super.firstUpdated(_changedProperties);
     
     // Set up resize observer for responsive rendering after first render