refactor: migrate legacy wire namespace to wrn

packages/ui/components/Columns.wrn

@@ -32,7 +32,7 @@ component Columns {
     <div
       {...attrs}
       data-ui-component="Columns"
-      class='wire-columns {class}'
+      class='wrn-columns {class}'
       data-size='{size}'
       data-color='{color}'
       data-gap='{gap}'
@@ -44,7 +44,7 @@ component Columns {
   }
 
   style {
-    .wire-columns {
+    .wrn-columns {
       --columns-gap: 1.5rem;
       display: grid;
       width: 100%;
@@ -54,35 +54,35 @@ component Columns {
       align-items: start;
     }
 
-    .wire-columns[data-max-width="md"] {
+    .wrn-columns[data-max-width="md"] {
       max-width: 48rem;
     }
 
-    .wire-columns[data-max-width="lg"] {
+    .wrn-columns[data-max-width="lg"] {
       max-width: 64rem;
     }
 
-    .wire-columns[data-max-width="xl"] {
+    .wrn-columns[data-max-width="xl"] {
       max-width: 80rem;
     }
 
-    .wire-columns[data-max-width="2xl"] {
+    .wrn-columns[data-max-width="2xl"] {
       max-width: 96rem;
     }
 
-    .wire-columns[data-max-width="full"] {
+    .wrn-columns[data-max-width="full"] {
       max-width: none;
     }
 
-    .wire-columns[data-gap="sm"] {
+    .wrn-columns[data-gap="sm"] {
       --columns-gap: 0.75rem;
     }
 
-    .wire-columns[data-gap="lg"] {
+    .wrn-columns[data-gap="lg"] {
       --columns-gap: 2.5rem;
     }
 
-    .wire-columns[data-gap="xl"] {
+    .wrn-columns[data-gap="xl"] {
       --columns-gap: 3.5rem;
     }
 
@@ -91,17 +91,17 @@ component Columns {
      * is worth keeping single-column for longer than a card deck is.
      */
     @media (min-width: 768px) {
-      .wire-columns:not([data-columns="1"]) {
+      .wrn-columns:not([data-columns="1"]) {
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
     }
 
     @media (min-width: 1024px) {
-      .wire-columns[data-columns="3"] {
+      .wrn-columns[data-columns="3"] {
         grid-template-columns: repeat(3, minmax(0, 1fr));
       }
 
-      .wire-columns[data-columns="4"] {
+      .wrn-columns[data-columns="4"] {
         grid-template-columns: repeat(4, minmax(0, 1fr));
       }
     }