refactor: migrate legacy wire namespace to wrn

.publish/ui/components/grid.wrn

@@ -39,7 +39,7 @@ component Grid {
     <div
       {...attrs}
       data-ui-component="Grid"
-      class='wire-grid {class}'
+      class='wrn-grid {class}'
       data-size='{size}'
       data-color='{color}'
       data-gap='{gap}'
@@ -53,7 +53,7 @@ component Grid {
   }
 
   style {
-    .wire-grid {
+    .wrn-grid {
       --grid-gap: 1.25rem;
       display: grid;
       width: 100%;
@@ -63,43 +63,43 @@ component Grid {
       align-items: stretch;
     }
 
-    .wire-grid[data-size="compact"] {
+    .wrn-grid[data-size="compact"] {
       align-items: start;
     }
 
-    .wire-grid[data-max-width="md"] {
+    .wrn-grid[data-max-width="md"] {
       max-width: 48rem;
     }
 
-    .wire-grid[data-max-width="lg"] {
+    .wrn-grid[data-max-width="lg"] {
       max-width: 64rem;
     }
 
-    .wire-grid[data-max-width="xl"] {
+    .wrn-grid[data-max-width="xl"] {
       max-width: 80rem;
     }
 
-    .wire-grid[data-max-width="2xl"] {
+    .wrn-grid[data-max-width="2xl"] {
       max-width: 96rem;
     }
 
-    .wire-grid[data-max-width="full"] {
+    .wrn-grid[data-max-width="full"] {
       max-width: none;
     }
 
-    .wire-grid[data-gap="xs"] {
+    .wrn-grid[data-gap="xs"] {
       --grid-gap: 0.5rem;
     }
 
-    .wire-grid[data-gap="sm"] {
+    .wrn-grid[data-gap="sm"] {
       --grid-gap: 0.75rem;
     }
 
-    .wire-grid[data-gap="lg"] {
+    .wrn-grid[data-gap="lg"] {
       --grid-gap: 2rem;
     }
 
-    .wire-grid[data-gap="xl"] {
+    .wrn-grid[data-gap="xl"] {
       --grid-gap: 2.5rem;
     }
 
@@ -107,30 +107,30 @@ component Grid {
      * auto-fit needs no breakpoints, so it wins over the fixed counts below
      * and applies at every width.
      */
-    .wire-grid[data-auto="true"] {
+    .wrn-grid[data-auto="true"] {
       grid-template-columns: var(--grid-auto-track);
     }
 
     @media (min-width: 640px) {
-      .wire-grid[data-auto="false"]:not([data-columns="1"]) {
+      .wrn-grid[data-auto="false"]:not([data-columns="1"]) {
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
     }
 
     @media (min-width: 1024px) {
-      .wire-grid[data-auto="false"][data-columns="3"] {
+      .wrn-grid[data-auto="false"][data-columns="3"] {
         grid-template-columns: repeat(3, minmax(0, 1fr));
       }
 
-      .wire-grid[data-auto="false"][data-columns="4"] {
+      .wrn-grid[data-auto="false"][data-columns="4"] {
         grid-template-columns: repeat(4, minmax(0, 1fr));
       }
 
-      .wire-grid[data-auto="false"][data-columns="5"] {
+      .wrn-grid[data-auto="false"][data-columns="5"] {
         grid-template-columns: repeat(5, minmax(0, 1fr));
       }
 
-      .wire-grid[data-auto="false"][data-columns="6"] {
+      .wrn-grid[data-auto="false"][data-columns="6"] {
         grid-template-columns: repeat(6, minmax(0, 1fr));
       }
     }