refactor: migrate legacy wire namespace to wrn

examples/basic-app/app/pages/login.wrn

@@ -14,21 +14,21 @@ page Login {
       <div class="auth-stack">
         <h1>Sign in</h1>
 
-        <div class="wire-alert wire-alert--success" data-success="Signed in! The form posted JSON and was validated server-side." hidden></div>
+        <div class="wrn-alert wrn-alert--success" data-success="Signed in! The form posted JSON and was validated server-side." hidden></div>
 
         <label class="auth-field">
           <span>Email address</span>
           <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required />
-          <span class="wire-field-error" data-error="email"></span>
+          <span class="wrn-field-error" data-error="email"></span>
         </label>
 
         <label class="auth-field">
           <span>Password</span>
           <input type="password" name="password" autocomplete="current-password" placeholder="Password" required />
-          <span class="wire-field-error" data-error="password"></span>
+          <span class="wrn-field-error" data-error="password"></span>
         </label>
 
-        <button type="submit" class="wire-btn wire-btn--primary wire-btn--lg">Sign in</button>
+        <button type="submit" class="wrn-btn wrn-btn--primary wrn-btn--lg">Sign in</button>
         <p><a href="/">Back home</a></p>
       </div>
     </form>
@@ -50,9 +50,9 @@ page Login {
     .auth-field input {
       min-height: 2.75rem;
       padding: 0.7rem 0.8rem;
-      border: 1px solid var(--wire-color-border);
-      border-radius: var(--wire-radius-md);
-      background: var(--wire-color-surface);
+      border: 1px solid var(--wrn-color-border);
+      border-radius: var(--wrn-radius-md);
+      background: var(--wrn-color-surface);
       color: inherit;
     }
   }