From 79bef5c2d8da11f0ae48f138ba5b6d19c3e1a20f Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 02:20:39 -0400
Subject: [PATCH 1/6] Refactor modals

---
 .../components/confirmation-modal.blade.php   |  4 ++--
 .../views/components/dialog-modal.blade.php   |  4 ++--
 resources/views/components/modal.blade.php    | 20 ++++++-------------
 3 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/confirmation-modal.blade.php
index 0d1dfffc2..f8fb9ad13 100644
--- a/resources/views/components/confirmation-modal.blade.php
+++ b/resources/views/components/confirmation-modal.blade.php
@@ -1,6 +1,6 @@
-@props(['id' => null, 'show', 'maxWidth'])
+@props(['id' => null, 'maxWidth' => null])
 
-<x-jet-modal :id="$id" :show="$show" :max-width="$maxWidth ?? '2xl'">
+<x-jet-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
     <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
diff --git a/resources/views/components/dialog-modal.blade.php b/resources/views/components/dialog-modal.blade.php
index 5b2a77953..1f975ad31 100644
--- a/resources/views/components/dialog-modal.blade.php
+++ b/resources/views/components/dialog-modal.blade.php
@@ -1,6 +1,6 @@
-@props(['show', 'maxWidth'])
+@props(['id' => null, 'maxWidth' => null])
 
-<x-jet-modal :show="$show" :max-width="$maxWidth ?? '2xl'">
+<x-jet-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
     <div class="px-6 py-4">
         <div class="text-lg">
             {{ $title }}
diff --git a/resources/views/components/modal.blade.php b/resources/views/components/modal.blade.php
index 163bc8ac0..8173deda3 100644
--- a/resources/views/components/modal.blade.php
+++ b/resources/views/components/modal.blade.php
@@ -1,15 +1,7 @@
-@props(['id' => null, 'show', 'maxWidth'])
+@props(['id', 'maxWidth'])
 
 @php
-if (is_null($id)) {
-    $id = md5($show);
-}
-
-if (is_bool($_instance->{$show})) {
-    $shouldShow = $_instance->{$show};
-} else {
-    $shouldShow = ! is_null($_instance->{$show});
-}
+$id = $id ?? md5($attributes->wire('model'));
 
 switch ($maxWidth ?? '2xl') {
     case 'sm':
@@ -31,13 +23,13 @@
 }
 @endphp
 
-<div id="{{ $id }}" x-data="{ show: {{ var_export($shouldShow ?? false, true) }} }"
+<div id="{{ $id }}" x-data="{ show: @entangle($attributes->wire('model')) }"
         x-show="show"
-        x-on:close.stop="@this.set('{{ $show }}', false)"
-        x-on:keydown.escape.window="if (! show) { return; } @this.set('{{ $show }}', false)"
+        x-on:close.stop="show = false"
+        x-on:keydown.escape.window="show = false"
         class="fixed top-0 inset-x-0 px-4 pt-6 sm:px-0 sm:flex sm:items-top sm:justify-center"
         style="display: none;">
-    <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="@this.set('{{ $show }}', false)" x-transition:enter="ease-out duration-300"
+    <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300"
                     x-transition:enter-start="opacity-0"
                     x-transition:enter-end="opacity-100"
                     x-transition:leave="ease-in duration-200"

From 34fa9ff030f56cde201ccbb890d8dbbd08ebf3a7 Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 02:32:11 -0400
Subject: [PATCH 2/6] Bake disabled button state (opacity-25) into class list

---
 resources/views/components/button.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/button.blade.php b/resources/views/components/button.blade.php
index d1ab8041b..9478d8587 100644
--- a/resources/views/components/button.blade.php
+++ b/resources/views/components/button.blade.php
@@ -1,3 +1,3 @@
-<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray transition ease-in-out duration-150']) }}>
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:shadow-outline-gray disabled:opacity-25 transition ease-in-out duration-150']) }}>
     {{ $slot }}
 </button>

From 715d9b0a5390369e730c08558afac5450acb48ee Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 02:34:10 -0400
Subject: [PATCH 3/6] Update Alpine tp 2.6.0

---
 stubs/livewire/resources/views/layouts/app.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stubs/livewire/resources/views/layouts/app.blade.php b/stubs/livewire/resources/views/layouts/app.blade.php
index 9fe661120..810e9bf0d 100644
--- a/stubs/livewire/resources/views/layouts/app.blade.php
+++ b/stubs/livewire/resources/views/layouts/app.blade.php
@@ -16,7 +16,7 @@
         @livewireStyles
 
         <!-- Scripts -->
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.2.1/dist/alpine.js" defer></script>
+        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.6.0/dist/alpine.js" defer></script>
     </head>
     <body class="font-sans antialiased">
         <div class="min-h-screen bg-gray-100">

From cf96081417bde05f8a3adc480abf705ac5c7486e Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 10:14:30 -0400
Subject: [PATCH 4/6] Update all Livewire stubs

---
 .../views/api/api-token-manager.blade.php     | 20 ++++++++---------
 .../views/profile/delete-user-form.blade.php  |  8 +++----
 ...gout-other-browser-sessions-form.blade.php | 10 ++++-----
 .../two-factor-authentication-form.blade.php  |  4 ++--
 .../profile/update-password-form.blade.php    |  8 +++----
 .../update-profile-information-form.blade.php |  6 ++---
 .../views/teams/create-team-form.blade.php    |  4 ++--
 .../views/teams/delete-team-form.blade.php    |  8 +++----
 .../views/teams/team-member-manager.blade.php | 22 +++++++++----------
 .../teams/update-team-name-form.blade.php     |  4 ++--
 10 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/stubs/livewire/resources/views/api/api-token-manager.blade.php b/stubs/livewire/resources/views/api/api-token-manager.blade.php
index db53c045c..44e779c84 100644
--- a/stubs/livewire/resources/views/api/api-token-manager.blade.php
+++ b/stubs/livewire/resources/views/api/api-token-manager.blade.php
@@ -13,7 +13,7 @@
             <!-- Token Name -->
             <div class="col-span-6 sm:col-span-4">
                 <x-jet-label for="name" value="Token Name" />
-                <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="createApiTokenForm.name" autofocus />
+                <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="createApiTokenForm.name" autofocus />
                 <x-jet-input-error for="name" class="mt-2" />
             </div>
 
@@ -39,7 +39,7 @@
                 Created.
             </x-jet-action-message>
 
-            <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-button>
                 Create
             </x-jet-button>
         </x-slot>
@@ -94,7 +94,7 @@
     @endif
 
     <!-- Token Value Modal -->
-    <x-jet-dialog-modal show="displayingToken">
+    <x-jet-dialog-modal wire:model="displayingToken">
         <x-slot name="title">
             API Token
         </x-slot>
@@ -110,14 +110,14 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="$set('displayingToken', false)" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="$set('displayingToken', false)" wire:loading.attr="disabled">
                 Close
             </x-jet-secondary-button>
         </x-slot>
     </x-jet-dialog-modal>
 
     <!-- API Token Permissions Modal -->
-    <x-jet-dialog-modal show="managingApiTokenPermissions">
+    <x-jet-dialog-modal wire:model="managingApiTokenPermissions">
         <x-slot name="title">
             API Token Permissions
         </x-slot>
@@ -134,18 +134,18 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="$set('managingApiTokenPermissions', false)" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="$set('managingApiTokenPermissions', false)" wire:loading.attr="disabled">
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-button class="ml-2" wire:click="updateApiToken" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-button class="ml-2" wire:click="updateApiToken" wire:loading.attr="disabled">
                 Save
             </x-jet-button>
         </x-slot>
     </x-jet-dialog-modal>
 
     <!-- Delete Token Confirmation Modal -->
-    <x-jet-confirmation-modal show="confirmingApiTokenDeletion">
+    <x-jet-confirmation-modal wire:model="confirmingApiTokenDeletion">
         <x-slot name="title">
             Delete API Token
         </x-slot>
@@ -155,11 +155,11 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="$toggle('confirmingApiTokenDeletion')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="$toggle('confirmingApiTokenDeletion')" wire:loading.attr="disabled">
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-danger-button class="ml-2" wire:click="deleteApiToken" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-danger-button class="ml-2" wire:click="deleteApiToken" wire:loading.attr="disabled">
                 Delete
             </x-jet-danger-button>
         </x-slot>
diff --git a/stubs/livewire/resources/views/profile/delete-user-form.blade.php b/stubs/livewire/resources/views/profile/delete-user-form.blade.php
index 542714bab..410a2306b 100644
--- a/stubs/livewire/resources/views/profile/delete-user-form.blade.php
+++ b/stubs/livewire/resources/views/profile/delete-user-form.blade.php
@@ -13,13 +13,13 @@
         </div>
 
         <div class="mt-5">
-            <x-jet-danger-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-danger-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
                 Delete Account
             </x-jet-danger-button>
         </div>
 
         <!-- Delete User Confirmation Modal -->
-        <x-jet-confirmation-modal show="confirmingUserDeletion">
+        <x-jet-confirmation-modal wire:model="confirmingUserDeletion">
             <x-slot name="title">
                 Delete Account
             </x-slot>
@@ -29,11 +29,11 @@
             </x-slot>
 
             <x-slot name="footer">
-                <x-jet-secondary-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-secondary-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
                     Nevermind
                 </x-jet-secondary-button>
 
-                <x-jet-danger-button class="ml-2" wire:click="deleteUser" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-danger-button class="ml-2" wire:click="deleteUser" wire:loading.attr="disabled">
                     Delete Account
                 </x-jet-danger-button>
             </x-slot>
diff --git a/stubs/livewire/resources/views/profile/logout-other-browser-sessions-form.blade.php b/stubs/livewire/resources/views/profile/logout-other-browser-sessions-form.blade.php
index f002442e0..d53a8a36e 100644
--- a/stubs/livewire/resources/views/profile/logout-other-browser-sessions-form.blade.php
+++ b/stubs/livewire/resources/views/profile/logout-other-browser-sessions-form.blade.php
@@ -52,7 +52,7 @@
         @endif
 
         <div class="flex items-center mt-5">
-            <x-jet-button wire:click="confirmLogout" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-button wire:click="confirmLogout" wire:loading.attr="disabled">
                 Logout Other Browser Sessions
             </x-jet-button>
 
@@ -62,7 +62,7 @@
         </div>
 
         <!-- Logout Other Devices Confirmation Modal -->
-        <x-jet-dialog-modal show="confirmingLogout">
+        <x-jet-dialog-modal wire:model="confirmingLogout">
             <x-slot name="title">
                 Logout Other Browser Sessions
             </x-slot>
@@ -73,7 +73,7 @@
                 <div class="mt-4" x-data="{}" x-on:confirming-logout-other-browser-sessions.window="setTimeout(() => $refs.password.focus(), 250)">
                     <x-jet-input type="password" class="mt-1 block w-3/4" placeholder="Password"
                                 x-ref="password"
-                                wire:model="password"
+                                wire:model.defer="password"
                                 wire:keydown.enter="logoutOtherBrowserSessions" />
 
                     <x-jet-input-error for="password" class="mt-2" />
@@ -81,11 +81,11 @@
             </x-slot>
 
             <x-slot name="footer">
-                <x-jet-secondary-button wire:click="$toggle('confirmingLogout')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-secondary-button wire:click="$toggle('confirmingLogout')" wire:loading.attr="disabled">
                     Nevermind
                 </x-jet-secondary-button>
 
-                <x-jet-button class="ml-2" wire:click="logoutOtherBrowserSessions" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-button class="ml-2" wire:click="logoutOtherBrowserSessions" wire:loading.attr="disabled">
                     Logout Other Browser Sessions
                 </x-jet-button>
             </x-slot>
diff --git a/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php b/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
index 63367ba76..cc276107d 100644
--- a/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
+++ b/stubs/livewire/resources/views/profile/two-factor-authentication-form.blade.php
@@ -52,7 +52,7 @@
 
         <div class="mt-5">
             @if (! $this->enabled)
-                <x-jet-button type="button" wire:click="enableTwoFactorAuthentication" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-button type="button" wire:click="enableTwoFactorAuthentication" wire:loading.attr="disabled">
                     Enable
                 </x-jet-button>
             @else
@@ -66,7 +66,7 @@
                     </x-jet-secondary-button>
                 @endif
 
-                <x-jet-danger-button wire:click="disableTwoFactorAuthentication" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-danger-button wire:click="disableTwoFactorAuthentication" wire:loading.attr="disabled">
                     Disable
                 </x-jet-danger-button>
             @endif
diff --git a/stubs/livewire/resources/views/profile/update-password-form.blade.php b/stubs/livewire/resources/views/profile/update-password-form.blade.php
index 6efb556d9..242491bc7 100644
--- a/stubs/livewire/resources/views/profile/update-password-form.blade.php
+++ b/stubs/livewire/resources/views/profile/update-password-form.blade.php
@@ -10,19 +10,19 @@
     <x-slot name="form">
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="current_password" value="Current Password" />
-            <x-jet-input id="current_password" type="password" class="mt-1 block w-full" wire:model="state.current_password" />
+            <x-jet-input id="current_password" type="password" class="mt-1 block w-full" wire:model.defer="state.current_password" />
             <x-jet-input-error for="current_password" class="mt-2" />
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="password" value="New Password" />
-            <x-jet-input id="password" type="password" class="mt-1 block w-full" wire:model="state.password" />
+            <x-jet-input id="password" type="password" class="mt-1 block w-full" wire:model.defer="state.password" />
             <x-jet-input-error for="password" class="mt-2" />
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="password_confirmation" value="Confirm Password" />
-            <x-jet-input id="password_confirmation" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" />
+            <x-jet-input id="password_confirmation" type="password" class="mt-1 block w-full" wire:model.defer="state.password_confirmation" />
             <x-jet-input-error for="password_confirmation" class="mt-2" />
         </div>
     </x-slot>
@@ -32,7 +32,7 @@
             Saved.
         </x-jet-action-message>
 
-        <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+        <x-jet-button>
             Save
         </x-jet-button>
     </x-slot>
diff --git a/stubs/livewire/resources/views/profile/update-profile-information-form.blade.php b/stubs/livewire/resources/views/profile/update-profile-information-form.blade.php
index d6596375d..48e52cd18 100644
--- a/stubs/livewire/resources/views/profile/update-profile-information-form.blade.php
+++ b/stubs/livewire/resources/views/profile/update-profile-information-form.blade.php
@@ -49,14 +49,14 @@
         <!-- Name -->
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="name" value="Name" />
-            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="state.name" />
+            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="state.name" />
             <x-jet-input-error for="name" class="mt-2" />
         </div>
 
         <!-- Email -->
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="email" value="Email" />
-            <x-jet-input id="email" type="email" class="mt-1 block w-full" wire:model="state.email" />
+            <x-jet-input id="email" type="email" class="mt-1 block w-full" wire:model.defer="state.email" />
             <x-jet-input-error for="email" class="mt-2" />
         </div>
     </x-slot>
@@ -66,7 +66,7 @@
             Saved.
         </x-jet-action-message>
 
-        <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+        <x-jet-button>
             Save
         </x-jet-button>
     </x-slot>
diff --git a/stubs/livewire/resources/views/teams/create-team-form.blade.php b/stubs/livewire/resources/views/teams/create-team-form.blade.php
index 16e925113..f7ae2712c 100644
--- a/stubs/livewire/resources/views/teams/create-team-form.blade.php
+++ b/stubs/livewire/resources/views/teams/create-team-form.blade.php
@@ -23,13 +23,13 @@
 
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="name" value="Team Name" />
-            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="state.name" autofocus />
+            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="state.name" autofocus />
             <x-jet-input-error for="name" class="mt-2" />
         </div>
     </x-slot>
 
     <x-slot name="actions">
-        <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+        <x-jet-button>
             Create
         </x-jet-button>
     </x-slot>
diff --git a/stubs/livewire/resources/views/teams/delete-team-form.blade.php b/stubs/livewire/resources/views/teams/delete-team-form.blade.php
index dbc20a8ea..6bb646b4c 100644
--- a/stubs/livewire/resources/views/teams/delete-team-form.blade.php
+++ b/stubs/livewire/resources/views/teams/delete-team-form.blade.php
@@ -13,13 +13,13 @@
         </div>
 
         <div class="mt-5">
-            <x-jet-danger-button wire:click="$toggle('confirmingTeamDeletion')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-danger-button wire:click="$toggle('confirmingTeamDeletion')" wire:loading.attr="disabled">
                 Delete Team
             </x-jet-danger-button>
         </div>
 
         <!-- Delete Team Confirmation Modal -->
-        <x-jet-confirmation-modal show="confirmingTeamDeletion">
+        <x-jet-confirmation-modal wire:model="confirmingTeamDeletion">
             <x-slot name="title">
                 Delete Team
             </x-slot>
@@ -29,11 +29,11 @@
             </x-slot>
 
             <x-slot name="footer">
-                <x-jet-secondary-button wire:click="$toggle('confirmingTeamDeletion')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-secondary-button wire:click="$toggle('confirmingTeamDeletion')" wire:loading.attr="disabled">
                     Nevermind
                 </x-jet-secondary-button>
 
-                <x-jet-danger-button class="ml-2" wire:click="deleteTeam" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                <x-jet-danger-button class="ml-2" wire:click="deleteTeam" wire:loading.attr="disabled">
                     Delete Team
                 </x-jet-danger-button>
             </x-slot>
diff --git a/stubs/livewire/resources/views/teams/team-member-manager.blade.php b/stubs/livewire/resources/views/teams/team-member-manager.blade.php
index 16f673db1..06460325b 100644
--- a/stubs/livewire/resources/views/teams/team-member-manager.blade.php
+++ b/stubs/livewire/resources/views/teams/team-member-manager.blade.php
@@ -23,7 +23,7 @@
                     <!-- Member Email -->
                     <div class="col-span-6 sm:col-span-4">
                         <x-jet-label for="email" value="Email" />
-                        <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="addTeamMemberForm.email" />
+                        <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="addTeamMemberForm.email" />
                         <x-jet-input-error for="email" class="mt-2" />
                     </div>
 
@@ -66,7 +66,7 @@
                         Added.
                     </x-jet-action-message>
 
-                    <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+                    <x-jet-button>
                         Add
                     </x-jet-button>
                 </x-slot>
@@ -132,7 +132,7 @@
     @endif
 
     <!-- Role Management Modal -->
-    <x-jet-dialog-modal show="currentlyManagingRole">
+    <x-jet-dialog-modal wire:model="currentlyManagingRole">
         <x-slot name="title">
             Manage Role
         </x-slot>
@@ -165,18 +165,18 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="stopManagingRole" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="stopManagingRole" wire:loading.attr="disabled">
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-button class="ml-2" wire:click="updateRole" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-button class="ml-2">
                 Save
             </x-jet-button>
         </x-slot>
     </x-jet-dialog-modal>
 
     <!-- Leave Team Confirmation Modal -->
-    <x-jet-confirmation-modal show="confirmingLeavingTeam">
+    <x-jet-confirmation-modal wire:model="confirmingLeavingTeam">
         <x-slot name="title">
             Leave Team
         </x-slot>
@@ -186,18 +186,18 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="$toggle('confirmingLeavingTeam')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="$toggle('confirmingLeavingTeam')" wire:loading.attr="disabled">
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-danger-button class="ml-2" wire:click="leaveTeam" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-danger-button class="ml-2" wire:click="leaveTeam" wire:loading.attr="disabled">
                 Leave
             </x-jet-danger-button>
         </x-slot>
     </x-jet-confirmation-modal>
 
     <!-- Remove Team Member Confirmation Modal -->
-    <x-jet-confirmation-modal show="confirmingTeamMemberRemoval">
+    <x-jet-confirmation-modal wire:model="confirmingTeamMemberRemoval">
         <x-slot name="title">
             Remove Team Member
         </x-slot>
@@ -207,11 +207,11 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-jet-secondary-button wire:click="$toggle('confirmingTeamMemberRemoval')" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-secondary-button wire:click="$toggle('confirmingTeamMemberRemoval')" wire:loading.attr="disabled">
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-danger-button class="ml-2" wire:click="removeTeamMember" wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-danger-button class="ml-2" wire:click="removeTeamMember" wire:loading.attr="disabled">
                 Remove
             </x-jet-danger-button>
         </x-slot>
diff --git a/stubs/livewire/resources/views/teams/update-team-name-form.blade.php b/stubs/livewire/resources/views/teams/update-team-name-form.blade.php
index 189d68c82..c700cebeb 100644
--- a/stubs/livewire/resources/views/teams/update-team-name-form.blade.php
+++ b/stubs/livewire/resources/views/teams/update-team-name-form.blade.php
@@ -29,7 +29,7 @@
             <x-jet-input id="name"
                         type="text"
                         class="mt-1 block w-full"
-                        wire:model="state.name"
+                        wire:model.defer="state.name"
                         :disabled="! Gate::check('update', $team)" />
 
             <x-jet-input-error for="name" class="mt-2" />
@@ -42,7 +42,7 @@ class="mt-1 block w-full"
                 Saved.
             </x-jet-action-message>
 
-            <x-jet-button wire:loading.class="opacity-25" wire:loading.attr="disabled">
+            <x-jet-button>
                 Save
             </x-jet-button>
         </x-slot>

From 243993b8e43b35a90d58ad316cdd95e2281a69c9 Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 10:49:09 -0400
Subject: [PATCH 5/6] Add .defer to checkbox

---
 .../livewire/resources/views/api/api-token-manager.blade.php  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/stubs/livewire/resources/views/api/api-token-manager.blade.php b/stubs/livewire/resources/views/api/api-token-manager.blade.php
index 44e779c84..a099204f9 100644
--- a/stubs/livewire/resources/views/api/api-token-manager.blade.php
+++ b/stubs/livewire/resources/views/api/api-token-manager.blade.php
@@ -25,7 +25,7 @@
                     <div class="mt-2 grid grid-cols-1 md:grid-cols-2 gap-4">
                         @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
                             <label class="flex items-center">
-                                <input type="checkbox" class="form-checkbox" value="{{ $permission }}" wire:model="createApiTokenForm.permissions">
+                                <input type="checkbox" class="form-checkbox" value="{{ $permission }}" wire:model.defer="createApiTokenForm.permissions">
                                 <span class="ml-2 text-sm text-gray-600">{{ $permission }}</span>
                             </label>
                         @endforeach
@@ -126,7 +126,7 @@
             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
                     <label class="flex items-center">
-                        <input type="checkbox" class="form-checkbox" value="{{ $permission }}" wire:model="updateApiTokenForm.permissions">
+                        <input type="checkbox" class="form-checkbox" value="{{ $permission }}" wire:model.defer="updateApiTokenForm.permissions">
                         <span class="ml-2 text-sm text-gray-600">{{ $permission }}</span>
                     </label>
                 @endforeach

From de81b87bb4e9d496cfc57377a681c8be4b0be4e7 Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 2 Sep 2020 11:01:49 -0400
Subject: [PATCH 6/6] Add back wire:click on team member manager

---
 .../resources/views/teams/team-member-manager.blade.php         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stubs/livewire/resources/views/teams/team-member-manager.blade.php b/stubs/livewire/resources/views/teams/team-member-manager.blade.php
index 06460325b..74dd20369 100644
--- a/stubs/livewire/resources/views/teams/team-member-manager.blade.php
+++ b/stubs/livewire/resources/views/teams/team-member-manager.blade.php
@@ -169,7 +169,7 @@
                 Nevermind
             </x-jet-secondary-button>
 
-            <x-jet-button class="ml-2">
+            <x-jet-button class="ml-2" wire:click="updateRole" wire:loading.attr="disabled">
                 Save
             </x-jet-button>
         </x-slot>