fix(dependencies): Bump dependency versions and update demo code references

ts_web/elements/dees-icon.demo.ts

@@ -42,12 +42,13 @@ export const demoFunc = () => {
   // Define the functions in TS scope instead of script tags
   const searchIcons = (event: InputEvent) => {
     const searchTerm = (event.target as HTMLInputElement).value.toLowerCase().trim();
-    const containers = document.querySelectorAll('.iconContainer');
+    // Get the demo container first, then search within it
+    const demoContainer = (event.target as HTMLElement).closest('.demoContainer');
+    const containers = demoContainer.querySelectorAll('.iconContainer');
     
     containers.forEach(container => {
       const iconName = container.getAttribute('data-name');
       
-      // If search term is empty, show all icons
       if (searchTerm === '') {
         container.classList.remove('hidden');
       } else if (iconName && iconName.includes(searchTerm)) {
@@ -57,8 +58,8 @@ export const demoFunc = () => {
       }
     });
     
-    // Update counts
-    document.querySelectorAll('.section-container').forEach(section => {
+    // Update counts - search within demoContainer
+    demoContainer.querySelectorAll('.section-container').forEach(section => {
       const visibleIcons = section.querySelectorAll('.iconContainer:not(.hidden)').length;
       const countElement = section.querySelector('.icon-count');
       if (countElement) {
@@ -132,11 +133,6 @@ export const demoFunc = () => {
       transition: all 0.2s ease;
       color: #ffffff;
     }
-    
-    dees-icon:hover {
-      color: #e4002b;
-      transform: scale(1.1);
-    }
 
     .iconContainer {
       display: flex;
@@ -230,6 +226,10 @@ export const demoFunc = () => {
     .iconContainer:hover .copy-tooltip {
       opacity: 1;
     }
+
+    .iconContainer:hover dees-icon {
+      transform: scale(1.1);
+    }
     
     .hidden {
       display: none !important;
@@ -289,4 +289,4 @@ export const demoFunc = () => {
     </div>
   </div>
   `;
-};
+};