refactor: migrate legacy wire namespace to wrn

packages/auth/components/SignUp.wrn

@@ -27,7 +27,7 @@ component SignUp {
     <section
       {...attrs}
       data-wrnexus-runtime="auth"
-      class='w-full max-w-lg rounded-[var(--wire-radius-lg)] border border-[var(--wire-color-border)] bg-[var(--wire-color-surface)] p-6 text-[var(--wire-color-text)] shadow-[var(--wire-shadow-2)] {class}'
+      class='w-full max-w-lg rounded-[var(--wrn-radius-lg)] border border-[var(--wrn-color-border)] bg-[var(--wrn-color-surface)] p-6 text-[var(--wrn-color-text)] shadow-[var(--wrn-shadow-2)] {class}'
     >
       <header
         class="mb-6 space-y-1.5"
@@ -38,7 +38,7 @@ component SignUp {
           {title}
         </h1>
         <p
-          class="m-0 text-sm text-[var(--wire-color-muted)]"
+          class="m-0 text-sm text-[var(--wrn-color-muted)]"
         >
           {description}
         </p>
@@ -105,7 +105,7 @@ component SignUp {
         {/if}
 
         <div
-          class="wire-auth-sign-up__wide space-y-1.5 sm:col-span-2"
+          class="wrn-auth-sign-up__wide space-y-1.5 sm:col-span-2"
         >
           <StrongPassword
             label="Password"
@@ -130,7 +130,7 @@ component SignUp {
             label="I agree to the"
             color="{color}"
             size="{size}"
-            class="wire-auth-sign-up__wide sm:col-span-2"
+            class="wrn-auth-sign-up__wide sm:col-span-2"
           >
             <span
               class="flex items-center"
@@ -157,7 +157,7 @@ component SignUp {
         {/if}
 
         <div
-          class="wire-auth-sign-up__wide sm:col-span-2"
+          class="wrn-auth-sign-up__wide sm:col-span-2"
         >
           <slot></slot>
         </div>
@@ -165,14 +165,14 @@ component SignUp {
         <p
           data-error="_form"
           role="alert"
-          class="wire-auth-sign-up__wide m-0 hidden rounded-[var(--wire-radius-sm)] bg-[color-mix(in_srgb,var(--wire-color-danger)_10%,transparent)] p-3 text-sm text-[var(--wire-color-danger)] sm:col-span-2"
+          class="wrn-auth-sign-up__wide m-0 hidden rounded-[var(--wrn-radius-sm)] bg-[color-mix(in_srgb,var(--wrn-color-danger)_10%,transparent)] p-3 text-sm text-[var(--wrn-color-danger)] sm:col-span-2"
         >
         </p>
         <p
           data-success="Account created successfully."
           role="status"
           hidden
-          class="wire-auth-sign-up__wide m-0 rounded-[var(--wire-radius-sm)] bg-[color-mix(in_srgb,var(--wire-color-success)_10%,transparent)] p-3 text-sm text-[var(--wire-color-success)] sm:col-span-2"
+          class="wrn-auth-sign-up__wide m-0 rounded-[var(--wrn-radius-sm)] bg-[color-mix(in_srgb,var(--wrn-color-success)_10%,transparent)] p-3 text-sm text-[var(--wrn-color-success)] sm:col-span-2"
         >
         </p>
 
@@ -183,20 +183,20 @@ component SignUp {
           color="{color}"
           size="{size}"
           fullWidth="true"
-          class="wire-auth-sign-up__wide sm:col-span-2"
+          class="wrn-auth-sign-up__wide sm:col-span-2"
         />
       </form>
 
       <p
-        class="mb-0 mt-5 text-center text-sm text-[var(--wire-color-muted)]"
+        class="mb-0 mt-5 text-center text-sm text-[var(--wrn-color-muted)]"
       >
-        Already have an account? <a href='{signInHref}' class="font-semibold text-[var(--wire-color-primary)] hover:underline">Sign in</a>
+        Already have an account? <a href='{signInHref}' class="font-semibold text-[var(--wrn-color-primary)] hover:underline">Sign in</a>
       </p>
     </section>
   }
 
   style {
-    .wire-auth-sign-up__wide {
+    .wrn-auth-sign-up__wide {
       grid-column: 1 / -1;
       min-width: 0;
     }